QuickATools

เครื่องมือนักพัฒนา · Free browser tool

ตัวจัดรูปแบบและตรวจ JSON

จัดรูปแบบ ทำให้สวย ตรวจความถูกต้อง และย่อข้อมูล JSON ได้ทันทีพร้อมไฮไลต์ข้อผิดพลาดไวยากรณ์ในเครื่อง

Paste your JSON

Raw, minified, or broken — we'll tell you exactly what's wrong.

0 chars · 1 lines

Result

Paste JSON on the left to see the formatted result here.

0 chars · 0 lines

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 จริง (แม้ละเอียดอ่อน) ขณะดีบัก ต่างจากเครื่องมือที่พร็อกซีอินพุตผ่านแบ็กเอนด์

สำรวจยูทิลิตี้ฟรีบนเบราว์เซอร์อื่นๆ สำหรับผู้ขาย ครีเอเตอร์ และมืออาชีพ

ทำไมการตรวจ JSON ในเครื่องถึงสำคัญต่อความเร็วและความปลอดภัยในการดีบัก

เวิร์กโฟลว์นักพัฒนาเกือบทุกอันสุดท้ายต้องจ้องกำแพง JSON ที่ไม่จัดรูปแบบ — การตอบสนอง API ที่เทลงคอนโซลล็อก ไฟล์คอนฟิกที่ส่งออกโดยไม่มีเยื้อง หรือเพย์โหลดเว็บฮุคที่ถูกต้องทางเทคนิคแต่สแกนไม่ได้ การ pretty-print ข้อมูลนั้นด้วยเยื้อง 2 ช่องว่างสม่ำเสมอเปลี่ยนกำแพงข้อความแบนให้เป็นสิ่งที่คุณสแกนหาฟิลด์ที่ต้องการได้จริง

เมื่อ JSON พังแทนที่จะแค่ดูไม่ดี ความเร็วยิ่งสำคัญ พาร์เซอร์เนทีฟของ JavaScript รายงานตรงที่มันยอมแพ้ — ตำแหน่งอักขระเฉพาะในสตริง — และเครื่องมือนี้แปลงเป็นบรรทัดและคอลัมน์ที่คุณจะเห็นจริงในเอดิเตอร์ เพื่อไม่ต้องนับจุลภาคเองข้ามก้อนใหญ่เพื่อหาวงเล็บที่หายไปหนึ่งอัน

เพราะทุกอย่างรันผ่าน JSON.parse และ JSON.stringify ในตัวของเบราว์เซอร์ เครื่องมือนี้ไม่ต้องส่งข้อมูลของคุณไปที่ใด — ซึ่งสำคัญเมื่อสิ่งที่คุณดีบักคือการตอบสนอง API โปรดักชันจริง ระเบียนลูกค้า หรือไฟล์คอนฟิกภายในที่คุณไม่อยากวางในเครื่องมือฝั่งเซิร์ฟเวอร์สุ่ม

ยูทิลิตี้นักพัฒนาเพิ่มเติมกำลังมาในหมวดนี้ รวมถึงตัวสร้าง Base64 และ UUID เพื่อให้คุณจัดการงานจัดรูปแบบและเข้ารหัสทั่วไปโดยไม่ต้องออกจากเบราว์เซอร์ ในระหว่างนี้ ลองตัวดึงแท็ก YouTube เป็นตัวอย่างอื่นของเครื่องมือแยกวิเคราะห์ฝั่งไคลเอนต์ล้วนที่ข้ามเซิร์ฟเวอร์ทั้งหมด