Wirepeek: เครื่องมือวิเคราะห์ WebSocket ของ Chrome DevTools สำหรับแอปพลิเคชันเรียลไทม์และการตรวจสอบคุณภาพ
Wirepeek, จาก wirepeek.com, เป็นส่วนขยาย Chrome ที่ตรวจสอบการจราจร WebSocket ภายใน DevTools สำหรับการดีบักแอปพลิเคชันเรียลไทม์ มันจับกรอบ WebSocket แบบสดพร้อมกับเวลาที่แนบมาและถอดรหัสรูปแบบต่างๆ เช่น socket.io, MessagePack, CBOR และ Thrift จากนั้นแสดง JSON อย่างสวยงามและแสดงตัวอย่างภาพในบรรทัด ฟิลเตอร์, การค้นหา regex, การขยาย JSON เชิงลึก และการส่งออกเซสชันช่วยลดเสียงรบกวนและช่วยในการวิเคราะห์ เครื่องมือนี้มุ่งเป้าไปที่นักพัฒนาเว็บและวิศวกร QA ที่ทำงานเกี่ยวกับแชท, การซื้อขาย, และระบบ IoT ที่ต้องการการติดตาม WebSocket ที่อ่านได้.
วิธีที่ Wirepeek ขยายการมองเห็น WebSocket ของ Chrome DevTools
Wirepeek จับทุกเฟรม WebSocket ที่ส่งและรับภายในแผง DevTools ที่กำหนดไว้ โดยบันทึกเวลาที่ส่งและขนาดข้อมูลสำหรับแต่ละข้อความ แผงนี้ยังคงอยู่แม้จะมีการโหลดหน้าใหม่ ดังนั้นการจับจึงดำเนินต่อไปข้ามการนำทาง และการสลับ 'เฉพาะเฟรมหลัก' เริ่มต้นช่วยลดเสียงรบกวนในขณะที่อนุญาตให้รวมการจราจรของ iframe เมื่อจำเป็น การทำงานในแผงนี้ทำให้การจับอยู่ใกล้กับเซสชันการดีบักโดยไม่ต้องเปลี่ยนไปใช้เครื่องมือภายนอก
ถอดรหัสข้อมูลที่ซ้อนกันและข้อมูลไบนารีให้เป็นโครงสร้างที่อ่านได้
การขยาย JSON อย่างลึกซึ้ง จะทำการวิเคราะห์ JSON ที่ซ้อนอยู่ภายในฟิลด์สตริงโดยอัตโนมัติและนำเสนอข้อมูลเป็นต้นไม้ที่ยุบได้และมีสีไวยากรณ์ เครื่องมือนี้ถอดรหัสเฟรม socket.io และ engine.io, JWT และข้อมูล base64, รวมถึงการจัดเรียงไบนารีเช่น MessagePack, CBOR และ Thrift Compact ตัวอย่างในบรรทัดแสดงภาพ base64 (PNG, JPEG, GIF, WebP) โดยแปลงบล็อกที่ไม่ชัดเจนให้เป็นสื่อที่สามารถตรวจสอบได้โดยตรงภายใน DevTools
เหมาะกับการทำงานของนักพัฒนาและ QA ในขณะที่เก็บข้อมูลไว้ในเครื่อง
การจับและการถอดรหัสทั้งหมดยังคงอยู่ในเครื่อง นักพัฒนาระบุว่าไม่มีข้อมูลใดออกจากสภาพแวดล้อม เซสชันที่จับได้สามารถส่งออกไปยังไฟล์ JSON สำหรับการเก็บถาวรหรือการตรวจสอบของทีม และการค้นหาด้วย substring และ regular-expression ช่วยค้นหาเหตุการณ์ในสตรีมยาว การสนับสนุนรูปแบบการบีบอัดเฉพาะเช่น LZ4 และ zlib-stream ของ Discord ช่วยเปิดเผยการจราจรที่ DevTools ดั้งเดิมไม่สามารถถอดรหัสได้ ทำให้เหมาะสมสำหรับสถานการณ์การทดสอบที่ขับเคลื่อนด้วยซ็อกเก็ต
ตัวเลือกที่มุ่งเน้นและใช้งานได้จริงสำหรับการดีบัก WebSocket ภายใน Chromium
Wirepeek เป็นตัวเลือกที่ใช้งานได้จริงและเฉพาะทางสำหรับนักพัฒนาและวิศวกร QA ที่ทำการดีบักแอปพลิเคชันเรียลไทม์ภายในเบราว์เซอร์ที่ใช้ Chromium ขอบเขตที่แคบของมันมุ่งเน้นไปที่การตรวจสอบระดับซ็อกเก็ตมากกว่าการวินิจฉัยเครือข่ายในวงกว้าง และออกแบบมาเพื่อใช้งานภายใน Chrome และเบราว์เซอร์ Chromium อื่น ๆ เท่านั้น สำหรับทีมที่มุ่งเน้นการทำงานของพวกเขาไปที่การแก้ไขปัญหา WebSocket Wirepeek เสนอวิธีการที่ตรงไปตรงมาและมุ่งเน้นความเป็นส่วนตัวในการสร้างแทรซที่อ่านได้
