Dev Tools

JSON Formatter & Validator

ตรวจสอบและจัดรูปแบบ JSON ให้อ่านง่าย บอกตำแหน่งบรรทัดที่ผิดพลาด — ใช้งานฟรี ไม่ต้องสมัครสมาชิก

ฟรี 100% ไม่ต้องสมัคร ใช้งานผ่านเบราว์เซอร์ ไม่เก็บข้อมูล

JSON (JavaScript Object Notation) คือรูปแบบข้อมูลที่ใช้กันแพร่หลายที่สุดในการส่งข้อมูลระหว่างเว็บกับ API เนื่องจากอ่านง่ายและแปลงเป็นโครงสร้างข้อมูลได้ตรงไปตรงมา แต่ JSON ที่ได้จาก API หรือ log มักถูกบีบเป็นบรรทัดเดียวยาวๆ อ่านยากมาก และถ้าพิมพ์ผิดแค่เครื่องหมายจุลภาคหรือวงเล็บตัวเดียวก็ใช้งานไม่ได้ทั้งไฟล์ เครื่องมือ JSON Formatter & Validator นี้ช่วยตรวจสอบว่า JSON ที่วางมาถูกต้องตามไวยากรณ์หรือไม่ ถ้าผิดจะบอกตำแหน่งบรรทัดและคอลัมน์ที่ผิดพลาดให้ทันที ถ้าถูกต้องแล้วสามารถจัดรูปแบบให้เยื้องบรรทัดอ่านง่าย หรือย่อให้เหลือบรรทัดเดียวสำหรับใช้งานจริงก็ได้ ทุกขั้นตอนประมวลผลอยู่ในเบราว์เซอร์ของคุณเท่านั้น ไม่มีการส่งข้อมูลขึ้นเซิร์ฟเวอร์

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

1

วาง JSON

คัดลอก JSON ที่ต้องการตรวจสอบมาวางในกล่องข้อความ

2

จัดรูปแบบหรือย่อ

กดปุ่มจัดรูปแบบให้อ่านง่าย หรือย่อให้เหลือบรรทัดเดียว

3

แก้ไขตามตำแหน่งที่แจ้ง

ถ้า JSON ผิด ระบบบอกบรรทัด/คอลัมน์ที่ผิดให้ทันที

ทำไมควรใช้เครื่องมือนี้

หาจุดผิดได้เร็ว

บอกตำแหน่งบรรทัดและคอลัมน์ที่ผิดพลาดชัดเจน

จัดรูปแบบและย่อได้ในที่เดียว

ไม่ต้องสลับใช้สองเครื่องมือ

ข้อมูลเป็นส่วนตัว

ไม่ส่ง JSON ขึ้น Server แม้จะมีข้อมูลลับ

ตัวอย่างการใช้งาน

ตรวจสอบ API response ก่อนใช้งาน

เมื่อ API ตอบกลับมาแล้วโค้ดฝั่ง frontend อ่านค่าไม่ได้ วาง response มาตรวจสอบก่อนว่ารูปแบบถูกต้อง หรือมีจุดผิดตรงไหน

จัดรูปแบบ JSON ที่ minify มาให้อ่านง่าย

ไฟล์ config หรือ log บางตัวถูกบีบเป็นบรรทัดเดียว จัดรูปแบบให้เยื้องบรรทัดเพื่อไล่อ่านโครงสร้างข้อมูลได้ง่ายขึ้น

ย่อ JSON ก่อนส่งจริง

ก่อน deploy หรือฝัง JSON ไว้ใน request จริง ย่อให้เหลือบรรทัดเดียวเพื่อลดขนาดไฟล์

หาตำแหน่งที่พิมพ์ผิดใน JSON ยาวๆ

ไฟล์ config ที่มีหลายร้อยบรรทัด พิมพ์ผิดจุดเดียวก็หาไม่เจอด้วยตา ใช้เครื่องมือนี้บอกบรรทัด/คอลัมน์ที่ผิดให้ตรงจุด

ตรวจสอบไฟล์ config ก่อน commit

เช็คว่าไฟล์อย่าง package.json หรือ tsconfig.json ที่แก้ไขด้วยมือยังเป็น JSON ที่ถูกต้องก่อน commit ขึ้น repository


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

JSON Formatter กับ JSON Validator ต่างกันอย่างไร
จริงๆ แล้วเป็นการทำงานคู่กัน — เครื่องมือนี้ตรวจสอบความถูกต้องของ JSON ก่อนเสมอ ถ้าถูกต้อง (valid) จะจัดรูปแบบให้อ่านง่าย (format) ถ้าไม่ถูกต้อง (invalid) จะแจ้งตำแหน่งบรรทัดและคอลัมน์ที่ผิดพลาดให้ทันที ช่วยหาจุดผิดได้เร็วกว่าไล่อ่านทีละตัวอักษร
ทำไมย่อ (minify) JSON แล้วมีประโยชน์อะไร
การย่อ JSON ตัดช่องว่างและการขึ้นบรรทัดใหม่ที่ไม่จำเป็นออก ทำให้ไฟล์มีขนาดเล็กลง เหมาะสำหรับใช้ส่งข้อมูลจริงผ่าน API หรือเก็บในไฟล์ config ที่ไม่ต้องการให้มนุษย์อ่าน ต่างจากการจัดรูปแบบ (format) ที่เพิ่มการเยื้องบรรทัดเพื่อให้มนุษย์อ่านง่ายแต่ไฟล์จะใหญ่ขึ้น
ทำไมวาง JSON ที่ดูถูกต้องแล้วเครื่องมือแจ้งว่าผิด
สาเหตุที่พบบ่อยคือมี trailing comma (จุลภาคเกินก่อนวงเล็บปิด), ใช้เครื่องหมายคำพูดเดี่ยว (') แทนคำพูดคู่ ("), หรือใส่ comment ไว้ในไฟล์ ซึ่งใช้ได้ใน JavaScript object แต่ไม่ใช่ JSON มาตรฐาน เครื่องมือนี้ตรวจตามสเปก JSON จริงเท่านั้น
รองรับไฟล์ JSON ขนาดใหญ่แค่ไหน
ไม่มีการจำกัดขนาดตายตัว เพราะประมวลผลด้วย JSON.parse ของเบราว์เซอร์โดยตรง แต่ถ้า JSON มีขนาดใหญ่มาก (หลายสิบ MB) เบราว์เซอร์อาจทำงานช้าลงตามขนาดไฟล์ เหมาะสำหรับ JSON ขนาดทั่วไปที่ใช้ในการพัฒนาเว็บและ API
ข้อมูล JSON ที่วางถูกส่งขึ้นเซิร์ฟเวอร์ไหม
ไม่มีการส่งข้อมูลใดๆ ออกจากเครื่องของคุณ การตรวจสอบและจัดรูปแบบ JSON ทั้งหมดทำงานอยู่ในเบราว์เซอร์ของคุณเท่านั้น เหมาะสำหรับตรวจสอบข้อมูลที่มีความอ่อนไหว เช่น API response หรือ config ที่มีข้อมูลลับ

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