JSON Diff Checker คืออะไร?
JSON Diff Checker เป็นเครื่องมือสำหรับนักพัฒนาที่เปรียบเทียบวัตถุ JSON สองรายการเชิงความหมาย และ เน้นทุกความแตกต่างด้วยการตอบสนองทางภาพที่ชัดเจน ต่างจาก diff ข้อความธรรมดา มันเข้าใจโครงสร้าง JSON — ตรวจจับคุณสมบัติที่ขาดหายไป ความไม่ตรงกันของประเภท การเปลี่ยนแปลงค่า และการแก้ไขอาร์เรย์ในทุกระดับการซ้อน ทุกอย่างทำงาน 100% ในเบราว์เซอร์ของคุณ ข้อมูลของคุณไม่เคยออกจากอุปกรณ์ของคุณ
วิธีเปรียบเทียบ JSON
1. วาง JSON ต้นฉบับในแผงซ้ายและ JSON ที่แก้ไขในแผงขวา 2. คลิกเปรียบเทียบหรือให้การเปรียบเทียบอัตโนมัติตรวจจับการเปลี่ยนแปลงขณะที่คุณพิมพ์ 3. ตรวจสอบมุมมองแบบเคียงข้างกับไฮไลต์ที่มีรหัสสี: สีเขียวสำหรับที่เพิ่ม สีแดงสำหรับที่ลบ สีเหลืองสำหรับค่าที่แก้ไข 4. ใช้ลูกศรนำทางหรือรายการความแตกต่างเพื่อกระโดดระหว่างการเปลี่ยนแปลง 5. กรองความแตกต่างตามประเภทโดยใช้ช่องทำเครื่องหมายในแถบสรุป 6. คลิกคัดลอกผลลัพธ์หรือส่งออกเพื่อดาวน์โหลดสรุปความแตกต่าง
คุณสมบัติ
- Semantic diff — ขับเคลื่อนโดย jsondiffpatch สำหรับการเปรียบเทียบโครงสร้างเชิงลึก
- ความแตกต่างที่จัดหมวดหมู่ — คุณสมบัติที่ขาดหาย ความไม่ตรงกันของประเภท การเปลี่ยนแปลงค่า คีย์ที่เพิ่ม
- มุมมองเคียงข้าง — การเลื่อนแบบซิงค์และการเน้นระดับบรรทัด
- การนำทาง Diff — ก้าวผ่านความแตกต่างทีละรายการด้วยการควบคุม prev/next
- แผงรายการ Diff — รายการความแตกต่างที่คลิกได้พร้อมเส้นทางและรายละเอียด
- ระบบตัวกรอง — สลับการมองไม่เห็นตามหมวดหมู่ความแตกต่าง
- ส่งออก — ดาวน์โหลด diff เป็น HTML หรือข้อความธรรมดา
- ความคงอยู่ของเซสชัน — อินพุตของคุณถูกบันทึกอัตโนมัติผ่าน IndexedDB
- ฝั่งไคลเอ็นต์ 100% — ข้อมูลของคุณไม่เคยออกจากเบราว์เซอร์
กรณีการใช้งาน
- เปรียบเทียบการตอบสนอง API ก่อนและหลังการเปลี่ยนแปลงโค้ด
- ตรวจสอบการอัปเดตไฟล์การกำหนดค่า (package.json, tsconfig เป็นต้น)
- ดีบักความแตกต่างการซีเรียลไลซ์ระหว่างสภาพแวดล้อม
- การตรวจสอบโค้ด — ตรวจสอบเอาต์พุต JSON ที่คาดหวังเทียบกับจริง
- การตรวจสอบการย้ายฐานข้อมูล — เปรียบเทียบบันทึกที่ส่งออก
- การทดสอบ QA — เปรียบเทียบข้อมูล fixture ข้ามการทดสอบ