เครื่องมือนักพัฒนา · Free browser tool
ตัวจัดรูปแบบและตรวจ JSON
จัดรูปแบบ ทำให้สวย ตรวจความถูกต้อง และย่อข้อมูล JSON ได้ทันทีพร้อมไฮไลต์ข้อผิดพลาดไวยากรณ์ในเครื่อง
Paste your JSON
Raw, minified, or broken — we'll tell you exactly what's wrong.
Result
Paste JSON on the left to see the formatted result here.
Frequently Asked Questions
ทำไมต้องจัดรูปแบบ JSON เลย?
JSON ที่ย่อหรือสร้างโดยเครื่อง — เช่น การตอบสนอง API ดิบส่วนใหญ่หรือการส่งออกฐานข้อมูล — มักเป็นบรรทัดเดียวยาว ซึ่งทำให้สแกนด้วยตาหรือ diff กับเวอร์ชันอื่นแทบไม่ได้ การจัดรูปแบบ (เรียกอีกอย่างว่า "beautifying" หรือ "pretty-printing") จัดเยื้องข้อมูลชุดเดียวกันด้วยระยะและขึ้นบรรทัดสม่ำเสมอ เพื่อให้หาฟิลด์เฉพาะ จุดที่ค่าหาย หรือเปรียบเทียบเพย์โหลดสองชุดได้เร็ว
เหตุผลที่พบบ่อยที่สุดที่ JSON ไม่ผ่านการตรวจคืออะไร?
JSON ที่ไม่ถูกต้องส่วนใหญ่มาจากผู้กระทำผิดซ้ำไม่กี่อย่าง: จุลภาคท้ายหลังรายการสุดท้ายในอ็อบเจ็กต์หรืออาร์เรย์ เครื่องหมายคำพูดเดี่ยวแทนคู่รอบคีย์/สตริง คีย์ที่ไม่มีคำพูด จุลภาคหายระหว่างรายการ หรือเครื่องหมายคำพูดคู่ที่ไม่ได้ escape ภายในค่าสตริง แผงข้อผิดพลาดของเครื่องมือนี้บอกบรรทัดและตำแหน่งอักขระที่พาร์เซอร์ของ JavaScript เองหยุด ซึ่งมักอยู่ตรงหรือถัดจากความผิดพลาดจริง
Beautify กับ Minify ต่างกันอย่างไร?
Beautify จัดเยื้อง JSON ของคุณด้วยการซ้อน 2 ช่องว่างและการขึ้นบรรทัดเพื่อให้อ่านง่าย — เหมาะสำหรับดีบัก รีวิวโค้ด หรือเอกสาร Minify ตัดช่องว่างทั้งหมดลงเป็นบรรทัดกะทัดรัดเดียว ซึ่งคือสิ่งที่คุณจะส่งจริงบนสายในโปรดักชันเพราะลดขนาดเพย์โหลดโดยไม่เปลี่ยนข้อมูลเอง ทั้งสองสร้าง JSON ที่ทำงานเหมือนกัน ต่างกันเพียงการจัดรูปแบบ
ปลอดภัยไหมที่จะวางการตอบสนอง API จริงหรือไฟล์คอนฟิกในเครื่องมือนี้?
ใช่ การแยกวิเคราะห์ ตรวจ จัดรูปแบบ และย่อทั้งหมดเกิดในเครื่องด้วย JSON.parse และ JSON.stringify ในตัวของเบราว์เซอร์ — สิ่งที่คุณวางไม่ถูกส่งไปเซิร์ฟเวอร์ ล็อก หรือเก็บ จึงปลอดภัยที่จะใช้กับเพย์โหลด API จริง (แม้ละเอียดอ่อน) ขณะดีบัก ต่างจากเครื่องมือที่พร็อกซีอินพุตผ่านแบ็กเอนด์
เครื่องมือที่คุณอาจต้องการด้วย
สำรวจยูทิลิตี้ฟรีบนเบราว์เซอร์อื่นๆ สำหรับผู้ขาย ครีเอเตอร์ และมืออาชีพ
- เครื่องมือนักพัฒนา
เข้ารหัส/ถอดรหัส Base64
เข้ารหัสข้อความเป็น Base64 หรือถอดรหัสสตริง Base64 กลับเป็นข้อความได้ทันที พร้อมรองรับ UTF-8 เต็มรูปแบบและไม่รั่วข้อมูล
ลองใช้เครื่องมือ - เครื่องมือนักพัฒนา
ตัวสร้าง UUID/GUID
สร้างโทเคน UUID v4 ที่ปลอดภัยเชิงคริปโตคุณภาพสูงได้ทันที พร้อมตัวเลือกจำนวนมากและไม่มีการติดตามเซิร์ฟเวอร์
ลองใช้เครื่องมือ - เครื่องมือนักพัฒนา
ตัวทดสอบ Regex
ทดสอบและดีบักนิพจน์ปกติแบบเรียลไทม์พร้อมไฮไลต์ไวยากรณ์สด การจับกลุ่ม และการสลับแฟล็ก
ลองใช้เครื่องมือ
ทำไมการตรวจ JSON ในเครื่องถึงสำคัญต่อความเร็วและความปลอดภัยในการดีบัก
เวิร์กโฟลว์นักพัฒนาเกือบทุกอันสุดท้ายต้องจ้องกำแพง JSON ที่ไม่จัดรูปแบบ — การตอบสนอง API ที่เทลงคอนโซลล็อก ไฟล์คอนฟิกที่ส่งออกโดยไม่มีเยื้อง หรือเพย์โหลดเว็บฮุคที่ถูกต้องทางเทคนิคแต่สแกนไม่ได้ การ pretty-print ข้อมูลนั้นด้วยเยื้อง 2 ช่องว่างสม่ำเสมอเปลี่ยนกำแพงข้อความแบนให้เป็นสิ่งที่คุณสแกนหาฟิลด์ที่ต้องการได้จริง
เมื่อ JSON พังแทนที่จะแค่ดูไม่ดี ความเร็วยิ่งสำคัญ พาร์เซอร์เนทีฟของ JavaScript รายงานตรงที่มันยอมแพ้ — ตำแหน่งอักขระเฉพาะในสตริง — และเครื่องมือนี้แปลงเป็นบรรทัดและคอลัมน์ที่คุณจะเห็นจริงในเอดิเตอร์ เพื่อไม่ต้องนับจุลภาคเองข้ามก้อนใหญ่เพื่อหาวงเล็บที่หายไปหนึ่งอัน
เพราะทุกอย่างรันผ่าน JSON.parse และ JSON.stringify ในตัวของเบราว์เซอร์ เครื่องมือนี้ไม่ต้องส่งข้อมูลของคุณไปที่ใด — ซึ่งสำคัญเมื่อสิ่งที่คุณดีบักคือการตอบสนอง API โปรดักชันจริง ระเบียนลูกค้า หรือไฟล์คอนฟิกภายในที่คุณไม่อยากวางในเครื่องมือฝั่งเซิร์ฟเวอร์สุ่ม
ยูทิลิตี้นักพัฒนาเพิ่มเติมกำลังมาในหมวดนี้ รวมถึงตัวสร้าง Base64 และ UUID เพื่อให้คุณจัดการงานจัดรูปแบบและเข้ารหัสทั่วไปโดยไม่ต้องออกจากเบราว์เซอร์ ในระหว่างนี้ ลองตัวดึงแท็ก YouTube เป็นตัวอย่างอื่นของเครื่องมือแยกวิเคราะห์ฝั่งไคลเอนต์ล้วนที่ข้ามเซิร์ฟเวอร์ทั้งหมด