Bookmarklet · Network Inspector
DebugMantra v2
อัปเกรดจากตัวเดิม: ดักจับ fetch, XMLHttpRequest และ WebSocket ทั้งหมด พร้อมพาเนลลอยแบบ live, กรองตามประเภท, และแกะสเปกคุณภาพจาก m3u8/mpd ให้อ่านง่ายขึ้น
ติดตั้ง
ลากปุ่มสีเขียวไปวางบนแถบบุ๊กมาร์กของเบราว์เซอร์ แล้วกดจากหน้าเว็บไหนก็ได้ที่ต้องการดักจับ · ถ้าลากไม่ได้ (เช่นบนมือถือ) ให้สร้างบุ๊กมาร์กใหม่แล้ววาง URL ที่คัดลอกไว้แทนช่อง address
สิ่งที่ดีกว่าเดิม
- ◆
ดักครบ 3 ช่องทาง — fetch, XMLHttpRequest และ WebSocket (เดิมมีแค่ fetch)
- ◆
พาเนลลอยแบบ live — ลากย้ายตำแหน่งได้, พัก/เล่นต่อ, ล้างประวัติ, ย่อ/ขยาย
- ◆
ตัวกรองตามประเภท — api / hls / dash / segment / websocket / graphql / drm / raw
- ◆
แกะสเปก m3u8 / mpd อัตโนมัติ — อ่านความละเอียด/บิตเรตของแต่ละ variant โดยไม่ต้องโหลดไฟล์เอง
- ◆
ตรวจจับ resource ต่อเนื่อง — ใช้ PerformanceObserver แทนการอ่านครั้งเดียวตอนโหลดสคริปต์
- ◆
คลิกแถวเพื่อดูรายละเอียด — เห็น body/response แบบเต็มโดยไม่ต้องเปิด DevTools
- ◆
รองรับ SPA / Nuxt / Next — ใช้ Shadow DOM แยกสไตล์ ไม่โดน CSS ของเว็บแทรก, อยู่บน <html> ไม่ถูก framework ลบ
- ◆
API เดิมยังใช้ได้ — window.debugMantra.all() / .api() / .export() / .clear()
คีย์ลัด & สี
Ctrl+Shift+S ดาวน์โหลด log เป็น JSON · Ctrl+Shift+D ซ่อน/แสดงพาเนล
fetch / xhr
response 200
manifest info
websocket
error