ไม่มีการอัปโหลด, 100% ในเครื่อง, ไม่มีบัญชี

ตัวจัดรูปแบบ / ตรวจสอบ / ย่อ JSON

วางหรือพิมพ์ JSON ของคุณ จัดรูปแบบด้วย 2 หรือ 4 ช่องว่าง ย่อ หรือแค่ตรวจสอบ ทุกอย่างอยู่ในเบราว์เซอร์ของคุณ

ตัวจัดรูปแบบ JSON ทำงานอย่างไร

JSON Formatter นำข้อความ JSON ดิบที่คุณวางลงในโปรแกรมแก้ไขและส่งคืนแบบมีการย่อหน้า มีสี และถูกต้อง หรือบอกคุณว่า syntax error อยู่ที่ใดกันแน่ ยังสามารถ minify JSON เพื่อลบ whitespace ทั้งหมดสำหรับ payloads ที่ sensitive ต่อขนาด ทุกอักขระที่คุณพิมพ์หรือวางอยู่ในแท็บเบราว์เซอร์ ไม่มีสิ่งใดที่คุณป้อนออกจากอุปกรณ์ของคุณ

โปรแกรม format แยก JSON ของคุณด้วย JSON.parse ของเบราว์เซอร์ ซึ่งหมายความว่าเป็นไปตาม JSON specification อย่างแม่นยำและจะตั้งค่า trailing commas, unquoted keys หรือ control characters ที่ parsers บางตัวที่ยืดหยุ่นกว่ายอมรับอย่างเงียบ ๆ หากต้องการตรวจสอบก่อนส่ง JSON ไปยัง API นี่คือการตรวจสอบที่รวดเร็วและสามารถทำงานออฟไลน์ได้

เขียนโดย Bastien Sulyan

วิธีใช้ ตัวจัดรูปแบบ JSON ทีละขั้นตอน

  1. วางข้อความ JSON ลงในพื้นที่อินพุต
  2. คลิก Format (หรือใช้แป้นพิมพ์ลัด) เพื่อย่อหน้าและ syntax-highlight เอาต์พุต
  3. ตรวจสอบข้อความแสดงข้อผิดพลาดที่มีบรรทัดและคอลัมน์ของปัญหา syntax แรก
  4. คลิก Minify เพื่อยุบ JSON ที่ format แล้วกลับเป็นบรรทัดเดียว
  5. คัดลอกผลลัพธ์จากพื้นที่เอาต์พุตโดยใช้ปุ่มคัดลอก

กรณีการใช้งานที่พบบ่อย

  • นักพัฒนา backend ได้รับ API response เป็น blob แบบ minified และต้องอ่านโครงสร้างก่อน debug ปัญหาการแยกวิเคราะห์
  • วิศวกร QA ตรวจสอบไฟล์ JSON configuration ก่อน deploy ไปยัง staging environment
  • นักวิเคราะห์ข้อมูลต้องการตรวจสอบ JSON dataset ที่ดาวน์โหลดมาและตรวจสอบความลึกของ nesting ก่อนเขียนโค้ดแปลงข้อมูล
  • นักพัฒนา frontend ต้องการเวอร์ชัน minified ของ JSON fixture ขนาดใหญ่เพื่อฝังในไฟล์ทดสอบ

คำถามที่พบบ่อย

JSON ที่ฉันวางถูกส่งไปยังเซิร์ฟเวอร์เพื่อประมวลผลหรือไม่?

ไม่ การ format และตรวจสอบทำงานทั้งหมดในเบราว์เซอร์โดยใช้ฟังก์ชัน JSON.parse ดั้งเดิมและ pretty-printer ในเครื่อง ไม่มีสิ่งใดที่คุณวางที่นี่ถูกส่ง เปิด DevTools ของเบราว์เซอร์ ตรวจสอบแท็บ Network ขณะ format และคุณจะไม่เห็นคำขอขาออกที่ส่งข้อความของคุณ

เครื่องมือตรวจพบ JSON syntax errors อะไรบ้าง?

เครื่องมือใช้ JSON.parse ของเบราว์เซอร์ ซึ่งบังคับใช้ RFC 8259 อย่างเคร่งครัด: trailing commas ใน objects หรือ arrays, strings ที่ใช้ single-quote, property keys ที่ไม่มี quote และ control characters เปล่า ทั้งหมดทำให้เกิด parse error พร้อมข้อความที่ระบุตำแหน่งโดยประมาณของปัญหา เครื่องมือตรวจสอบเฉพาะโครงสร้างเท่านั้น: ไม่ได้ตรวจสอบข้อมูลของคุณกับ JSON Schema ดังนั้นเอกสารที่ parse ผ่านอย่างถูกต้องก็ยังอาจผิดสำหรับแอปพลิเคชันของคุณได้

ฉันสามารถ format ไฟล์ JSON ขนาดใหญ่มากได้หรือไม่?

เครื่องมือจัดการข้อความที่คุณวางลงในโปรแกรมแก้ไข ดังนั้นขีดจำกัดในทางปฏิบัติคือปริมาณข้อความที่แท็บเบราว์เซอร์ของคุณสามารถรองรับได้อย่างสบาย ไฟล์ที่มีขนาดถึงไม่กี่เมกะไบต์ format ได้อย่างรวดเร็ว JSON ขนาดใหญ่มาก (หลายสิบเมกะไบต์) อาจช้าและจัดการได้ดีกว่าด้วยเครื่องมือ command-line เช่น jq

โปรแกรม format รักษาลำดับ key หรือไม่?

ได้ โปรแกรม format ไม่เรียงหรือเรียงลำดับ key ใหม่ มัน re-serialize object ที่แยกวิเคราะห์โดยใช้ JSON.stringify ซึ่งรักษา insertion order ใน JavaScript engines สมัยใหม่ การเปลี่ยนแปลงเพียงอย่างเดียวคือ whitespace

ฉันสามารถใช้เครื่องมือนี้เพื่อเปรียบเทียบสอง JSON objects ได้หรือไม่?

โปรแกรม format เองแสดง JSON ทีละอัน หากต้องการเปรียบเทียบสอง objects ให้ format แต่ละอันแยกกัน จากนั้นวางทั้งสองลงในเครื่องมือ diff ข้อความธรรมดา เอาต์พุตที่มีการย่อหน้าทำให้ความแตกต่างของโครงสร้างมองเห็นได้ง่ายทีละบรรทัด

ตัวจัดรูปแบบ JSON ทำงานออฟไลน์หรือไม่?

ได้ เมื่อโหลดหน้าแล้ว เนื่องจาก logic การ format เป็น JavaScript บริสุทธิ์ที่ทำงานในเบราว์เซอร์ คุณสามารถตัดการเชื่อมต่อเครือข่ายและ format JSON ต่อไปได้โดยไม่มีการหยุดชะงัก

ฉันสามารถจัดรูปแบบ JSON บนมือถือได้ไหม และต้องมีบัญชีหรือไม่?

ทั้งสองอย่างไม่มีปัญหา: ไม่ต้องมีบัญชี ไม่ต้องสมัครสมาชิก และตัวจัดรูปแบบนี้เป็นเพียงพื้นที่ข้อความธรรมดาที่ทำงานเหมือนกันทั้งบนเบราว์เซอร์มือถือและคอมพิวเตอร์ มีประโยชน์สำหรับการตรวจสอบ API response อย่างรวดเร็วเมื่อคุณไม่ได้อยู่หน้าโต๊ะทำงาน

เครื่องมือที่เกี่ยวข้อง

เก็บทุกอย่างไว้ในเครื่อง, สำรวจเครื่องมือเสริม

เครื่องมือนักพัฒนาทั้งหมด