ดาวน์โหลด GraphQL Network Inspector ล่าสุด – เครื่องมือ Debug GraphQL ฟรี
Featuredwarrenjday
Cara Install Ekstensi Chrome
- Klik tombol "เพิ่มลงใน Chrome" di atas.
- Anda akan diarahkan ke Chrome Web Store.
- Klik "Add to Chrome" pada halaman ekstensi.
- Konfirmasi dengan klik "Add Extension" pada popup.
- Ekstensi akan otomatis terpasang dan ikon muncul di toolbar.
- Klik ikon ekstensi di toolbar untuk mulai menggunakan.
Screenshot
หากคุณเป็นนักพัฒนาที่ทำงานกับ GraphQL เป็นหลัก คุณคงทราบดีว่าการตรวจสอบ Network Request ใน DevTools ทั่วไปนั้นทำได้ยากและไม่ชัดเจน GraphQL Network Inspector คือทางออกที่สมบูรณ์แบบสำหรับนักพัฒนาในประเทศไทย ช่วยให้การจัดการข้อมูลและการดีบั๊กงานของคุณเป็นเรื่องง่ายดายและมีประสิทธิภาพมากขึ้น
ด้วยความสามารถในการแสดงผลข้อมูลที่สะอาดตาและรองรับ Client ทุกรูปแบบ ไม่ว่าจะเป็น Apollo หรือ Relay เครื่องมือนี้จะช่วยประหยัดเวลาในการค้นหาปัญหาของ Request ต่างๆ ทำให้คุณสามารถโฟกัสกับการเขียนโค้ดที่มีคุณภาพได้อย่างเต็มที่ โดยไม่ต้องกังวลเรื่องความซับซ้อนของโครงสร้าง Network อีกต่อไป
คุณสมบัติหลัก
- ตรวจสอบ GraphQL Request รายตัวได้อย่างชัดเจน
- รองรับการทำ Query Batching อย่างสมบูรณ์
- ใช้งานได้กับทุก GraphQL Client เช่น Apollo และ Relay
- รองรับ Subscription ผ่านทั้ง SSE และ WebSockets
- รองรับ Multipart Payloads สำหรับการใช้งาน @defer
- มาพร้อมระบบค้นหาที่เจาะจงเฉพาะ Request
- สามารถกระโดดไปยังผลการค้นหาในหน้าแสดงผล Raw ได้ทันที
- เครื่องมือระดับมืออาชีพที่ได้รับความไว้วางใจจากนักพัฒนาทั่วโลก
วิธีใช้งาน
- ติดตั้ง GraphQL Network Inspector ผ่านทาง Chrome Web Store หรือ Browser Extension Store ของคุณ
- เปิดหน้าต่าง Developer Tools (F12) บนเบราว์เซอร์ที่กำลังใช้งานเว็บแอปพลิเคชันของคุณ
- คลิกที่แท็บ GraphQL Network Inspector เพื่อเริ่มติดตาม Request
- เลือกดูรายละเอียดของ Query, Variables หรือ Response ได้ทันทีที่ต้องการตรวจสอบ
คำถามที่พบบ่อย (FAQ)
GraphQL Network Inspector ใช้งานฟรีหรือไม่?
ใช่ เครื่องมือนี้เปิดให้ใช้งานได้ฟรีสำหรับนักพัฒนาทุกคน
รองรับการใช้งานกับ Apollo Client หรือไม่?
รองรับอย่างสมบูรณ์แบบ รวมถึง Relay และ Client อื่นๆ ที่ใช้ GraphQL
ทำไมถึงมองไม่เห็น Request ใน Extension?
หากเกิดปัญหา แนะนำให้ทำการ Refresh หน้าเว็บหรือตรวจสอบว่า Extension ได้รับการอัปเดตเป็นเวอร์ชันล่าสุดแล้ว
เครื่องมือนี้ช่วยเรื่องการทำ Debug อย่างไร?
ช่วยให้คุณเห็นโครงสร้าง Request และ Variables ที่ถูกส่งออกไปจริง ทำให้หาจุดผิดพลาดในโค้ดได้รวดเร็วขึ้น
มีฟีเจอร์สำหรับค้นหาข้อมูลภายใน Response หรือไม่?
มี คุณสามารถใช้ระบบค้นหาเพื่อกรองผลลัพธ์ใน Raw view ได้อย่างสะดวก
ยกระดับการพัฒนาโปรเจกต์ GraphQL ของคุณวันนี้ด้วย GraphQL Network Inspector เครื่องมือที่ขาดไม่ได้สำหรับนักพัฒนาสมัยใหม่ ดาวน์โหลดเลยเพื่อสัมผัสประสบการณ์การทำงานที่เหนือกว่าและลดเวลาในการ Debug ของคุณให้สั้นลง!
ผู้ใช้งานส่วนใหญ่ยกย่องว่าเป็นเครื่องมือที่จำเป็นและช่วยชีวิตในการดีบั๊ก GraphQL ได้เป็นอย่างดี แต่ยังมีปัญหาเรื่องการตรวจจับ Request หลังการอัปเดตและความไม่เสถียรในบางเบราว์เซอร์
Kelebihan
- เครื่องมือที่จำเป็นสำหรับการพัฒนา GraphQL
- ใช้งานง่ายและตรวจสอบ Request รวมถึง Variables ได้สะดวก
- ช่วยชีวิตในการดีบั๊ก GraphQL ฝั่ง Client
- ถือเป็นเครื่องมือตรวจสอบ GraphQL ที่ดีที่สุดที่มีในปัจจุบัน
- ช่วยเพิ่มประสิทธิภาพในการทำงานและการแก้ไขปัญหา
Kekurangan
- ไม่ตรวจจับหรือหยุดตรวจจับ Request หลังจากอัปเดต
- ปัญหาในการเปิดใช้งานใน DevTools หรือมองไม่เห็นตัว Extension
- ปัญหาความเข้ากันได้ระหว่างเบราว์เซอร์ (โดยเฉพาะ Chromium และ MSW)
- ความไม่เสถียรที่ต้องรีเซ็ตหรือติดตั้งใหม่
- ปัญหาที่เกิดหลังจากการอัปเดต
Ulasan Pengguna
เป็น Extension สำหรับ GraphQL ที่นักพัฒนาทุกคนต้องมี
มันเคยดีมาก แต่ตอนนี้ไม่ตรวจจับ Request แล้ว
ใช้งานไม่ได้มาเป็นสัปดาห์แล้ว ไม่รู้เกิดอะไรขึ้น มันขึ้นว่าไม่พบ Request โปรดแก้ไขให้ด้วย
| ID Ekstensi | ndlbedplllcgconngcnfmkadhokfaaln |
|---|---|
| เวอร์ชัน | 2.26.0 |
| ขนาด | 17.0 MB |
| Developer | warrenjday |
| Terakhir Diperbarui | |
| Tanggal Rilis | |
| Jumlah Pengguna | 100.000++ |
| Jumlah Ulasan | 138 |
| Chrome Store Ranking | #1916 |
| หมวดหมู่ | Developer |
| Tipe | ฟรี |
| Status | Featured Extension |