RevealTheme logo

เครื่องมือจัดรูปแบบและตรวจสอบ JSON

จัดรูปแบบ ทำให้สวยงาม ตรวจสอบ และย่อขนาด JSON ทำงานทั้งหมดในเบราว์เซอร์ของคุณ ดังนั้นข้อมูลของคุณจะไม่ออกจากอุปกรณ์ของคุณเลย

วิธีใช้เครื่องมือนี้

  1. 1

    วาง JSON ของคุณลงในช่องป้อนข้อมูล

  2. 2

    คลิก Format เพื่อพิมพ์ให้สวยงามพร้อมการเยื้อง หรือ Minify เพื่อลบช่องว่าง

  3. 3

    ข้อผิดพลาดจะชี้ไปยังบรรทัดและคอลัมน์ที่การแยกวิเคราะห์ล้มเหลวอย่างแม่นยำ

  4. 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 ของฉันออกจากเบราว์เซอร์หรือไม่?
ไม่ การแยกวิเคราะห์และการจัดรูปแบบทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณผ่านฟังก์ชัน JSON.parse และ JSON.stringify ที่มีอยู่ในตัว ข้อมูลจะไม่ไปถึงเซิร์ฟเวอร์หรือปรากฏในบันทึกเลย จึงปลอดภัยที่จะใช้กับการตอบกลับจาก API ที่มีโทเค็น ข้อมูลลูกค้า หรือความลับอื่นๆ
ฉันสามารถจัดรูปแบบ JSON5 หรือ JSONC (ที่มีความคิดเห็น) ได้หรือไม่?
ไม่ เครื่องมือนี้ปฏิบัติตามข้อกำหนด JSON ที่เข้มงวด (RFC 8259) ความคิดเห็นและเครื่องหมายจุลภาคต่อท้ายถือเป็นข้อผิดพลาดด้านไวยากรณ์และจะทำให้เกิดข้อความแสดงข้อผิดพลาดจากตัวแยกวิเคราะห์ สำหรับ JSON รูปแบบที่ยืดหยุ่น ให้ใช้ตัวแยกวิเคราะห์ JSON5 อย่าง json5.org หรือส่งข้อมูลที่ป้อนผ่านตัวประมวลผลล่วงหน้าที่ลบความคิดเห็นออกก่อน
ฉันควรใช้ขนาดการเยื้องบรรทัดเท่าใด?
2 ช่องว่างเป็นแบบแผนของ JavaScript และเว็บ และเป็นแบบสากลที่สุด 4 ช่องว่างเป็นค่าเริ่มต้นของระบบนิเวศ Python (ตรงกับการเยื้องบรรทัดของ PEP 8) แท็บถูกแสดงผลไม่สอดคล้องกันในแต่ละโปรแกรมแก้ไขและทำให้เครื่องมือเปรียบเทียบเสียหาย ควรหลีกเลี่ยงเว้นแต่ทีมของคุณมีแบบแผนการใช้แท็บที่เข้มงวด การเลือกนี้เป็นเรื่องของความสวยงามล้วนๆ ตัวแยกวิเคราะห์ไม่สนใจ
ทำไม JSON ที่ถูกย่อขนาดจึงสำคัญ?
JSON ที่ถูกย่อขนาดช่วยประหยัดไบต์ ซึ่งสำคัญเมื่ออยู่ในขนาดใหญ่ (ตัวอย่างเช่น API สาธารณะที่ส่งคืนข้อมูล 100 KB ต่อคำขอนับล้านครั้ง) สำหรับไฟล์การกำหนดค่าขนาดเล็ก (ไม่กี่ KB) ความแตกต่างนั้นไม่มีนัยสำคัญ เวลาในการแยกวิเคราะห์ของเบราว์เซอร์เหมือนกันทั้ง JSON ที่จัดรูปแบบและที่ย่อขนาด ดังนั้นเหตุผลเดียวในการย่อขนาดคือเรื่องแบนด์วิดท์
ฉันจะตีความข้อความแสดงข้อผิดพลาดอย่างไร?
ข้อความแสดงข้อผิดพลาดจาก JSON.parse ของ JavaScript มีตำแหน่ง (ออฟเซ็ตจากจุดเริ่มต้น) ที่การแยกวิเคราะห์ล้มเหลว ข้อผิดพลาดที่พบบ่อย: 'Unexpected token' มักบ่งชี้ว่าขาดเครื่องหมายอัญประกาศหรือเครื่องหมายจุลภาค หรือมีอักขระพิเศษที่ไม่ได้หลีก (escape) 'Unexpected end of JSON input' หมายความว่าเอกสารถูกตัดทอน 'Unexpected non-whitespace character' มักบ่งชี้ว่ามีเครื่องหมายจุลภาคต่อท้าย
ฉันสามารถจัดรูปแบบไฟล์ JSON ที่มีขนาดใหญ่มากได้หรือไม่?
JSON.parse ของเบราว์เซอร์จัดการไฟล์ได้สูงสุดประมาณ 100 MB ก่อนที่ประสิทธิภาพจะเริ่มมีปัญหา สำหรับไฟล์ที่ใหญ่กว่านั้น ให้ใช้ jq บนบรรทัดคำสั่ง ซึ่งสามารถประมวลผลไฟล์ JSON ขนาดใหญ่ตามอำเภอใจแบบสตรีมได้
ความแตกต่างระหว่าง JSON กับ object literal ของ JavaScript คืออะไร?
JSON เป็นชุดย่อยที่เข้มงวดของไวยากรณ์ object literal ของ JavaScript ความแตกต่าง: คีย์ของ JSON ต้องเป็นสตริงที่อยู่ในเครื่องหมายอัญประกาศคู่ (JS อนุญาตคีย์ที่ไม่มีเครื่องหมายอัญประกาศและเครื่องหมายอัญประกาศเดี่ยว) JSON ห้ามใช้ความคิดเห็น เครื่องหมายจุลภาคต่อท้าย และ undefined JSON ไม่มีนิพจน์ การเรียกฟังก์ชัน หรือค่าที่คำนวณได้ JavaScript สามารถประเมิน JSON ได้อย่างปลอดภัย ส่วน JSON ไม่สามารถประเมิน 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 เพื่อลดขนาดไฟล์

สมัครรับข่าวสารอัปเดต

เราไม่ขายอีเมลของคุณ เราไม่ส่งสแปม

© 2026 RevealTheme. All rights reserved.