เครื่องมือจัดรูปแบบและตรวจสอบ JSON
จัดรูปแบบ ทำให้สวยงาม ตรวจสอบ และย่อขนาด JSON ทำงานทั้งหมดในเบราว์เซอร์ของคุณ ดังนั้นข้อมูลของคุณจะไม่ออกจากอุปกรณ์ของคุณเลย
วิธีใช้เครื่องมือนี้
- 1
วาง JSON ของคุณลงในช่องป้อนข้อมูล
- 2
คลิก Format เพื่อพิมพ์ให้สวยงามพร้อมการเยื้อง หรือ Minify เพื่อลบช่องว่าง
- 3
ข้อผิดพลาดจะชี้ไปยังบรรทัดและคอลัมน์ที่การแยกวิเคราะห์ล้มเหลวอย่างแม่นยำ
- 4
คัดลอกผลลัพธ์ไปยังคลิปบอร์ดของคุณ
JSON คืออะไรและทำไมการจัดรูปแบบจึงสำคัญ?
JSON (JavaScript Object Notation) คือภาษากลางของ API บนเว็บสมัยใหม่ ไฟล์การกำหนดค่า และการบันทึกเหตุการณ์แบบมีโครงสร้าง ทุก REST API และ GraphQL ส่งคืน JSON ทุก package.json, tsconfig.json และการกำหนดค่า CI ส่วนใหญ่เป็น JSON AWS, GCP และ Azure ต่างสื่อสารด้วย JSON ใน CLI ของพวกเขา จุดแข็งของ JSON คือไวยากรณ์ที่เรียบง่ายที่สุด ได้แก่ อักขระเชิงโครงสร้างหกตัว ({}, [], เครื่องหมายจุลภาค, เครื่องหมายทวิภาค, เครื่องหมายอัญประกาศ) ชนิดข้อมูลพื้นฐานสี่ชนิด (สตริง, ตัวเลข, บูลีน และ null) และการซ้อนแบบเรียกซ้ำ ความเรียบง่ายนั้นก็เป็นข้อเสียเช่นกัน JSON ไม่รองรับความคิดเห็น ไม่รองรับเครื่องหมายจุลภาคต่อท้าย ไม่รองรับคีย์ที่ไม่มีเครื่องหมายอัญประกาศ และไม่รองรับสตริงหลายบรรทัด เครื่องหมายอัญประกาศหรือเครื่องหมายจุลภาคเพียงตัวเดียวที่วางผิดที่จะทำให้เอกสารทั้งฉบับเสียหาย เครื่องมือนี้ตรวจสอบข้อมูลที่ป้อนตาม RFC 8259 (ข้อกำหนดของ JSON) จากนั้นนำเสนอด้วยการเยื้องบรรทัดที่สอดคล้องกันเพื่อการอ่าน หรือลบช่องว่างทั้งหมดออกเพื่อการส่งผ่านเครือข่าย การแยกวิเคราะห์และการจัดรูปแบบทำงานทั้งหมดในเบราว์เซอร์ของคุณผ่านฟังก์ชัน JSON.parse และ JSON.stringify ที่มีอยู่ในตัวของเครื่องยนต์ JavaScript ซึ่งเป็นโค้ดเดียวกับที่ทำงานบนเซิร์ฟเวอร์ Node.js และในทุกเบราว์เซอร์ นั่นหมายความว่าข้อมูลของคุณจะไม่เดินทางผ่านเครือข่ายเลย และพฤติกรรมการตรวจสอบที่นี่ตรงกับสิ่งที่โค้ดของคุณจะเห็นในการผลิตอย่างแม่นยำ
กรณีการใช้งานทั่วไป
ดีบักการตอบกลับของ API โดยวางลงในเครื่องมือจัดรูปแบบ — เห็นโครงสร้างที่ JSON แบบย่อซ่อนไว้ได้ทันที
ตรวจสอบความถูกต้องของ JSON ก่อนส่งไปยังผู้รับที่เข้มงวด (AWS CloudFormation, ไฟล์ manifest ของ Kubernetes ฯลฯ)
พิมพ์บันทึกให้สวยงามจากไลบรารีการบันทึกแบบมีโครงสร้าง (Pino, Bunyan) ที่ส่งออก JSON บรรทัดเดียว
ย่อไฟล์การตั้งค่าก่อนฝังลงใน HTML หรือตัวแปรสภาพแวดล้อม (เล็กกว่า แยกวิเคราะห์ไบต์น้อยกว่า)
จัดรูปแบบ payload ของ JSON Web Token หลังจากถอดรหัสจาก base64
เปรียบเทียบการตอบกลับของ API สองรายการโดยจัดรูปแบบทั้งสองแล้วหาความแตกต่าง
คำถามที่พบบ่อย
JSON ของฉันออกจากเบราว์เซอร์หรือไม่?▼
ฉันสามารถจัดรูปแบบ JSON5 หรือ JSONC (ที่มีความคิดเห็น) ได้หรือไม่?▼
ฉันควรใช้ขนาดการเยื้องบรรทัดเท่าใด?▼
ทำไม JSON ที่ถูกย่อขนาดจึงสำคัญ?▼
ฉันจะตีความข้อความแสดงข้อผิดพลาดอย่างไร?▼
ฉันสามารถจัดรูปแบบไฟล์ JSON ที่มีขนาดใหญ่มากได้หรือไม่?▼
ความแตกต่างระหว่าง JSON กับ object literal ของ JavaScript คืออะไร?▼
เครื่องมือที่เกี่ยวข้อง
ตัวถอดรหัส JWT
ถอดรหัส JSON Web Tokens (JWT) ได้ทันที ทำงานในเบราว์เซอร์ของคุณ โทเค็นจะไม่ออกจากอุปกรณ์ของคุณ จึงปลอดภัยที่จะใช้กับซีเคร็ตในโปรดักชัน
เครื่องมือจัดรูปแบบ XML
จัดรูปแบบและทำให้เอกสาร XML อ่านง่ายขึ้น มีประโยชน์สำหรับ SOAP, sitemap, feed RSS และไฟล์การกำหนดค่า
ตัวเข้ารหัสและถอดรหัส Base64
เข้ารหัสสตริงเป็น Base64 หรือถอดรหัส Base64 เป็นข้อความ เคารพความเป็นส่วนตัวของคุณ: ทำงานในเบราว์เซอร์ของคุณ
ตัวเข้ารหัสและถอดรหัส URL
แปลงข้อความเป็นการเข้ารหัสที่ปลอดภัยสำหรับ URL (การเข้ารหัสแบบเปอร์เซ็นต์) และกลับกัน มีประโยชน์สำหรับ query string การเปลี่ยนเส้นทาง และโฟลว์ OAuth
เครื่องมือเข้ารหัสและถอดรหัสเอนทิตี HTML
แปลงอักขระพิเศษเป็นเอนทิตี HTML (&, < เป็นต้น) และในทางกลับกัน มีประโยชน์สำหรับการฝังข้อความลงใน HTML อย่างปลอดภัย
ตัวย่อขนาด CSS
ลบคอมเมนต์ ช่องว่าง และอักขระที่ไม่จำเป็นออกจาก CSS เพื่อลดขนาดไฟล์