JSON Diff Checker
Spot every change between two JSON objects instantly
JSON ซ้าย (ต้นฉบับ)
JSON ขวา (แก้ไข)
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 ข้ามการทดสอบ
