JSON Formatter & Viewer

จัดรูปแบบ JSON ในแท็บโดยตรง: มุมมองต้นไม้ ค้นหา diff ตัวตรวจสอบไวยากรณ์ และตัวตรวจสอบ WebSocket แบบสด ไม่มีโฆษณา ไม่ติดตาม

JSON Formatter & Viewer — เครื่องมือที่รวดเร็วและเบาสำหรับนักพัฒนา ใช้จัดรูปแบบ ตรวจสอบ สำรวจ แปลง และเปรียบเทียบข้อมูล JSON ไม่ว่าจะในป๊อปอัปหรือในแท็บเบราว์เซอร์โดยตรง รองรับไฟล์ JSON ขนาดถึง ~10 MB — JSON ในแท็บเบราว์เซอร์โดยตรง — เปิด API endpoint หรือไฟล์ .json แล้วจะได้มุมมองต้นไม้ที่อ่านง่าย แทนที่จะเป็นข้อความอัดแน่นยาวเหยียด — ไม่ต้องคัดลอกไปวาง ✅ คลิกไอคอนส่วนขยายบนหน้า JSON แล้วเลือก "Format page" ✅ จัดรูปแบบอัตโนมัติ (เป็นทางเลือก): เลือกเว็บไซต์เอง หรือทุกเว็บไซต์ — ปิดอยู่จนกว่าคุณจะเปิดใช้ ✅ สลับมุมมอง Parsed / Raw ค้นหา ยุบถึงระดับความลึกใดก็ได้ และคัดลอกค่าใดก็ได้หรือพาธของค่านั้น ✅ ตัวเลขขนาดใหญ่และเลข 0 ที่ต่อท้ายแสดงตรงตามที่เซิร์ฟเวอร์ส่งมาทุกประการ ✅ จดจำ JSON ได้แม้เซิร์ฟเวอร์จะส่งมาเป็นข้อความธรรมดาหรือด้วย Content-Type ที่ไม่ถูกต้อง ✅ ใช้งานได้บนหน้าเว็บที่มี Content-Security-Policy เข้มงวด — จัดรูปแบบ — ✅ จัดรูปแบบ JSON ให้สวยงามด้วยการเว้นวรรคที่ถูกต้อง ✅ ย่อ JSON ให้เหลือบรรทัดเดียว ✅ เรียงคีย์ของออบเจ็กต์ตามตัวอักษร (แบบเรียกซ้ำ) ✅ ตรวจสอบไวยากรณ์แบบเรียลไทม์ พร้อมบรรทัดและคอลัมน์ของข้อผิดพลาดแต่ละจุด ✅ จัดรูปแบบอัตโนมัติเมื่อวางหรือลากไฟล์มาวาง ✅ NDJSON / JSON Lines: ตรวจพบค่าระดับบนสุดหลายค่าและรวมเป็นอาร์เรย์ได้ในคลิกเดียว — สำรวจ — ✅ มุมมองต้นไม้แบบโต้ตอบ ขยายและยุบได้ ✅ ขยายถึงระดับความลึกใดก็ได้ (1–10) ในคลิกเดียว ✅ ค้นหาพร้อมไฮไลต์ทันที นับจำนวนที่พบ และโหมดแยกตัวพิมพ์เล็ก-ใหญ่ ✅ คัดลอกค่าหรือพาธใดก็ได้จากต้นไม้ — เลิกทำและประวัติ — ✅ เลิกทำการจัดรูปแบบ การย่อ การเรียงคีย์ หรือการจัดรูปแบบอัตโนมัติครั้งล่าสุดในคลิกเดียว ✅ ดูสถานะล่าสุดและย้อนกลับไปยังสถานะใดก็ได้ (สูงสุด 30 รายการ 5 MB) ✅ ประวัติถูกจดจำระหว่างเซสชัน — เปรียบเทียบ — ✅ เปรียบเทียบ JSON สองชุดแบบเคียงข้างกัน ✅ เปรียบเทียบแบบต้นไม้พร้อมตัวกรอง: เพิ่ม / ลบ / เปลี่ยนแปลง ✅ ซ่อนคีย์ที่ไม่เปลี่ยนแปลงเพื่อโฟกัสที่ความแตกต่าง — นำเข้าและส่งออก — ✅ วางจากคลิปบอร์ดหรือลากไฟล์ JSON มาวาง (สูงสุด ~10 MB) ✅ โหลด JSON จาก URL รวมถึง localhost ✅ อ่าน JSON สดจาก WebSocket ของหน้าเว็บโดยตรง (ดูด้านล่าง) ✅ ดาวน์โหลดเป็นไฟล์ .json ✅ โหลด JSON ตัวอย่างเพื่อลองใช้ทันที — JSON สดจาก WebSocket — กำลังดีบักแอปที่สื่อสารผ่าน WebSocket อยู่ใช่ไหม แทนที่จะคัดลอกข้อความจาก DevTools ด้วยมือ แท็บ WebSocket จะแสดงทุกข้อความในมุมมองต้นไม้เดียวกับที่คุณใช้อยู่แล้ว: ข้อความอยู่ด้านซ้าย JSON ที่จัดรูปแบบแล้วอยู่ด้านขวา ✅ ข้อความเข้าและออก ใหม่สุดอยู่บน พร้อมเวลาและขนาด ✅ คลิกข้อความเพื่อสำรวจในต้นไม้ที่ระดับความลึกใดก็ได้ ✅ เฟรมไบนารีถูกถอดรหัสและทำเครื่องหมาย ✅ ถอดรหัสข้อความ Socket.IO และ Engine.IO จึงเปิดเพย์โหลด JSON เป็นแผนผังต้นไม้ได้ ✅ กรองตามทิศทางหรือตามซ็อกเก็ตเมื่อหน้าเว็บเปิดมากกว่าหนึ่ง ✅ เฟรม keepalive ที่ซ้ำกันถูกยุบเป็นแถวเดียวพร้อมตัวนับ ✅ เห็นเหตุการณ์เปิด ปิด และข้อผิดพลาดของการเชื่อมต่อ ทำให้ซ็อกเก็ตที่หลุดมองเห็นได้ ✅ เปรียบเทียบเฟรมสองเฟรมใดก็ได้แบบเคียงข้างกันในมุมมอง diff ✅ คัดลอกเฟรม หรือส่งไปยังตัวแก้ไขเพื่อใช้เครื่องมือครบชุด ✅ ส่งออกเฟรมที่มองเห็นเป็นไฟล์ JSON ✅ ใช้กับ dev server ของคุณเองบน localhost ได้ด้วย วิธีใช้: เปิดหน้าที่กำลังดีบัก → คลิกไอคอนส่วนขยาย → แท็บ WebSocket → "Allow on this site" → โหลดหน้าใหม่ การจับข้อมูลต้องเริ่มพร้อมกับหน้าเว็บ จึงจำเป็นต้องโหลดใหม่ — แผงด้านข้าง — ปักหมุดตัวจัดรูปแบบไว้ที่แผงด้านข้างของ Chrome — เปิดค้างไว้ขณะคุณใช้งานหน้าเว็บ ไม่ต้องเปิดป๊อปอัปใหม่ทุกครั้งที่คลิก ✅ คลิก Pin ครั้งเดียว แอปจะเทียบชิดขวาของเบราว์เซอร์ ✅ ทำงานต่อเนื่องขณะคุณโต้ตอบกับหน้าเว็บ — เหมาะกับการดูทราฟฟิก WebSocket แบบสด ✅ ขณะปักหมุด ไอคอนส่วนขยายจะเปิดแผงด้านข้าง แม้รีสตาร์ตเบราว์เซอร์แล้ว ✅ กด Unpin เมื่อใดก็ได้เพื่อกลับสู่ป๊อปอัปขนาดกะทัดรัด — แชร์ — ✅ ลิงก์แชร์ในคลิกเดียว (ข้อมูลอยู่ใน URL ไม่ถูกส่งไปยังเซิร์ฟเวอร์ใดๆ) — การใช้งาน — ✅ ธีมมืดและสว่าง จดจำการตั้งค่า ✅ สถานะของตัวแก้ไขและมุมมองต้นไม้ถูกเก็บระหว่างเซสชัน ✅ ไม่มีโฆษณา ไม่ติดตาม ไม่เก็บข้อมูล — ทุกอย่างทำงานในเบราว์เซอร์ของคุณ — สิทธิ์และความเป็นส่วนตัว — ส่วนขยายจะขอสิทธิ์เข้าถึงเว็บไซต์ก็ต่อเมื่อคุณเปิดใช้ฟีเจอร์สำหรับเว็บไซต์นั้นเท่านั้น: "Allow on this site" ในแท็บ WebSocket หรือการจัดรูปแบบอัตโนมัติสำหรับหน้า JSON คุณเลือกเว็บไซต์เองได้ หรือเลือกทุกเว็บไซต์ก็ได้ ไม่มีการขอสิทธิ์ใดๆ ตอนติดตั้ง และไม่มีเว็บไซต์ใดถูกแตะต้องจนกว่าคุณจะอนุมัติ "Format page" ไม่ต้องใช้สิทธิ์เข้าถึงเว็บไซต์เลย — ทำงานได้บนแท็บที่คุณคลิกไอคอน ปุ่ม "Paste" จะขอสิทธิ์เข้าถึงคลิปบอร์ดเมื่อใช้งานครั้งแรก ส่วน Ctrl+V (⌘V บน Mac) ใช้ได้โดยไม่ต้องขอสิทธิ์ แต่ละฟีเจอร์มีรายการเว็บไซต์ของตัวเอง: การเปิดจัดรูปแบบอัตโนมัติให้เว็บไซต์หนึ่งจะไม่ทำให้เริ่มจับข้อมูล WebSocket บนเว็บไซต์นั้น และในทางกลับกันก็เช่นกัน หน้า JSON จะถูกจัดรูปแบบภายในเครื่อง ในแท็บเดียวกัน ส่วนขยายอ่านเฉพาะเอกสาร JSON ที่ใช้จัดรูปแบบเท่านั้น ส่วนบนหน้าเว็บทั่วไปจะตรวจสอบเพียงชนิดของหน้าแล้วหยุด ข้อความ WebSocket จะถูกอ่านเท่านั้น — ไม่มีสิ่งใดในหน้าเว็บถูกแก้ไข บล็อก หรือแทรกเข้าไป ข้อความที่จับได้จะอยู่ในหน่วยความจำของแท็บนั้น (สูงสุด 500 ข้อความ) และหายไปเมื่อคุณปิดหรือโหลดแท็บใหม่ ไม่มีการอัปโหลดไปที่ใดเลย: ส่วนขยายไม่มีแบ็กเอนด์และไม่มีการวิเคราะห์ข้อมูล คุณสามารถปิดการจัดรูปแบบอัตโนมัติได้จากหน้าที่จัดรูปแบบแล้ว และเพิกถอนสิทธิ์ของเว็บไซต์ได้ทุกเมื่อ: chrome://extensions → JSON Formatter & Viewer → Site access นโยบายความเป็นส่วนตัวฉบับเต็ม: https://json.fedrr.com/privacy.html เพียงคลิกไอคอนส่วนขยาย วาง JSON ของคุณ แล้วจัดรูปแบบได้ทันที ใช้งานในรูปแบบเว็บแอปได้ที่ https://json.fedrr.com