📋
JSON ฟอร์แมตเตอร์ ฟรี
จัดรูปแบบ ตรวจสอบ ย่อขนาด และสำรวจข้อมูล JSON มุมมองแบบต้นไม้ การเน้นไวยากรณ์ และการคัดลอกในคลิกเดียว
ใช้งานได้แบบออฟไลน์เมื่อโหลดแล้ว
การใช้งานทั่วไป
- จัดรูปแบบการตอบกลับ APIวางการตอบกลับ JSON API ดิบและจัดรูปแบบทันทีเป็นผลลัพธ์ที่อ่านได้และเยื้อง
- จัดรูปแบบไฟล์การกำหนดค่า JSONทำความสะอาดและตรวจสอบไฟล์การกำหนดค่า JSON — package.json, tsconfig.json, การตั้งค่า และอื่นๆ
- จัดรูปแบบ JSON เพื่อการดีบักแก้ไขบันทึก JSON ที่มี minified หรือ escaped เพลย์โหลดข้อผิดพลาด และผลลัพธ์ฐานข้อมูลทันที
- จัดรูปแบบไฟล์แปล JSONตรวจสอบและทำให้ i18n แปลไฟล์ JSON (en.json, de.json) ที่ใช้ในแอป React, Vue และ Next.js สวยงาม
- ตรวจสอบและจัดรูปแบบเพลย์โหลด Webhookวางเพลย์โหลด webhook ดิบจาก Stripe, GitHub หรือ Shopify และอ่านพวกเขาจัดรูปแบบอย่างชัดเจน
วิธีการทำงาน
ตัวจัดรูปแบบทำงานในเบราว์เซอร์ทั้งหมดด้วย JSON.parse และ JSON.stringify ในตัวของ JavaScript — ไม่มีไลบรารี ไม่มีเซิร์ฟเวอร์ การแยกวิเคราะห์ การจัดรูปแบบ การย่อขนาด และมุมมองแบบต้นไม้เชิงโต้ตอบเกิดขึ้นในเครื่องทั้งหมดขณะพิมพ์
- 1แยกวิเคราะห์สดเมื่อป้อนข้อมูลJSON.parse ทำงาน 200 ms หลังการกดแป้นครั้งสุดท้าย หากแยกวิเคราะห์ไม่สำเร็จ ฟังก์ชันระบุตำแหน่งข้อผิดพลาดที่เขียนขึ้นเองจะอ่านข้อความ SyntaxError จาก V8 หรือ Firefox ดึงหมายเลขบรรทัดและคอลัมน์ และแสดงลิงก์ข้ามไปยังข้อผิดพลาดใน textarea
- 2ตรวจจับจำนวนเต็มที่ไม่ปลอดภัยก่อนแสดงผลลัพธ์ เครื่องมือสแกนซอร์สดิบหาจำนวนเต็มที่มี 16 หลักขึ้นไป (ไม่รวมที่อยู่ในสตริง) แล้วทดสอบแต่ละตัวด้วย Number.isSafeInteger หากตัวใดจะถูกปัดเศษโดยไม่แจ้งจากการจัดเก็บแบบ double ของ IEEE-754 จะแสดงคำเตือนก่อนที่คุณจะคัดลอกหรือดาวน์โหลด
- 3การจัดรูปแบบ การย่อขนาด และการเรียงคีย์JSON.stringify(value, null, indent) สร้างผลลัพธ์ที่จัดรูปแบบหรือย่อขนาด เมื่อเปิดการเรียงคีย์ ฟังก์ชันเรียกซ้ำจะไล่ทุกออบเจกต์ในต้นไม้ที่แยกวิเคราะห์แล้วและสร้างใหม่ด้วย Object.keys(...).sort() ก่อนแปลง — อาร์เรย์คงลำดับเดิม
- 4มุมมองแบบต้นไม้เชิงโต้ตอบมุมมองแบบต้นไม้เป็นการแผ่แบบเรียกซ้ำที่เขียนขึ้นเอง แปลงออบเจกต์ที่แยกวิเคราะห์แล้วเป็นรายการโหนดแบนพร้อมความลึก เส้นทาง และสถานะขยาย/ยุบ การเรนเดอร์จำกัดที่ 5,000 โหนดที่มองเห็นเพื่อป้องกันไม่ให้แท็บค้างกับเอกสารหลายเมกะไบต์ที่มีอาร์เรย์ขนาดใหญ่ขยายอยู่
ทุกอย่างทำงานในเบราว์เซอร์ของคุณ — JSON ของคุณไม่เคยถูกส่งไปยังเซิร์ฟเวอร์ใด
เครื่องมือที่เกี่ยวข้อง
ย่อและจัดรูปแบบ CSS
ย่อ CSS เพื่อลดขนาดไฟล์ หรือจัดรูปแบบ CSS ที่ย่อแล้วให้อ่านง่าย รวดเร็วในเบราว์เซอร์
ลองใช้
จัดรูปแบบ CSS
จัดรูปแบบ CSS ที่ถูกย่อให้อ่านง่ายด้วยการย่อหน้าที่สม่ำเสมอ หรือย่อ CSS ให้เล็กลง มีตัวเลือกเรียงคุณสมบัติตามลำดับตัวอักษรเพื่อให้เปรียบเทียบความแตกต่างได้ง่าย
ลองใช้
จัดรูปแบบและย่อ HTML
จัดรูปแบบหรือย่อ HTML ด้วยการเยื้องที่ถูกต้อง รักษาเนื้อหาใน <pre>, <script>, <style> blocks
ลองใช้