TreeJSON — JSON Viewer, มุมมองต้นไม้, ตัวจัดรูปแบบ YAML & XML
ID
bjjdggabgllhblcjafopjpmcadoeldpkจัดรูปแบบ JSON, YAML, XML ในเบราว์เซอร์ มุมมองต้นไม้ ค้นหา คัดลอก JSONPath ส่งออก โอเพนซอร์ส ความเป็นส่วนตัวเป็นที่หนึ่ง MV3-native
ภาพหน้าจอ
รายละเอียด
จัดรูปแบบ JSON, YAML, XML ในเบราว์เซอร์ มุมมองต้นไม้ ค้นหา คัดลอก JSONPath ส่งออก โอเพนซอร์ส ความเป็นส่วนตัวเป็นที่หนึ่ง MV3-native
TreeJSON จัดรูปแบบการตอบสนอง JSON, YAML และ XML โดยตรงในเบราว์เซอร์ของคุณ — ทันที ในเครื่อง และไม่มี telemetry สร้างใหม่ตั้งแต่ต้นบน Manifest V3 หลังจากที่ส่วนขยาย JSON Formatter Chrome ที่ได้รับความนิยมมากที่สุด (มากกว่า 2 ล้านผู้ใช้) กลายเป็นโคลสซอร์สและเริ่มฉีดสคริปต์ของบุคคลที่สามในต้นปี 2026
สิ่งที่มันทำ
TreeJSON ตรวจจับการตอบสนอง JSON, YAML และ XML ตามส่วนหัว Content-Type และนามสกุลไฟล์ จากนั้นแสดงผลเป็นมุมมองต้นไม้ที่พับได้ที่สะอาด พร้อมการเน้นไวยากรณ์ การนับรายการ และเส้นนำการเยื้อง ไม่ต้องตั้งค่า ไม่ต้องบัญชี ไม่มีเซิร์ฟเวอร์
คุณสมบัติหลัก
• จัดรูปแบบอัตโนมัติสำหรับ JSON, JSON-LD, JSON:API, HAL+JSON, NDJSON, YAML และ XML
• ต้นไม้พับได้พร้อมการนับรายการและเส้นนำการเยื้อง
• การค้นหาข้อความเต็มในคีย์และค่าพร้อมการเน้นซับสตริง
• คลิกขวาที่โหนดใดก็ได้ → คัดลอก JSONPath ค่าดิบ หรือซับทรีทั้งหมด
• คลิกเพื่อคัดลอกค่าดั้งเดิมใดก็ได้
• ตัวตรวจสอบ JSON พร้อมข้อผิดพลาดการแยกวิเคราะห์ที่มีหมายเลขบรรทัด
• ส่งออก JSON → CSV (อาร์เรย์ของอ็อบเจกต์), TypeScript types หรือ JSON Schema (Draft-07)
• ธีมสว่าง / มืด / อัตโนมัติ — ตามระบบปฏิบัติการของคุณ
• ปิดใช้งานต่อแท็บ ต่อ origin รูปแบบ regex สำหรับยกเว้น URL
• แป้นพิมพ์ลัด (Alt+Shift+J สลับ, ⌘/Ctrl+F ค้นหา)
• ทำงานกับไฟล์ในเครื่อง (file://) เมื่อคุณเปิดการเข้าถึงไฟล์
• สลับดิบ / ที่จัดรูปแบบแล้ว — กลับไปยังข้อความต้นฉบับได้ทุกเมื่อ
• 100% ออฟไลน์หลังการติดตั้ง — ไม่มีคำขอเครือข่ายของตัวเอง
สำหรับใคร
นักพัฒนาเว็บที่ดีบักการตอบสนอง REST และ GraphQL, วิศวกร backend ที่ตรวจสอบ payload, วิศวกร QA ที่ตรวจสอบรูปร่างการตอบสนอง, DevOps ที่อ่านไฟล์ config, ใครก็ตามที่เปิด URL JSON ดิบและต้องการอ่านได้
วิธีการทำงาน
เปิด URL JSON, YAML หรือ XML → TreeJSON ตรวจสอบ Content-Type → แสดงต้นไม้ที่มีโครงสร้าง → ค้นหา คัดลอก ส่งออก ไม่ต้องตั้งค่า ตลอดเวลา
ทำไมต้อง TREEJSON
• ความเป็นส่วนตัวเป็นที่หนึ่ง ไม่มี telemetry, ไม่มี analytics, ไม่มีสคริปต์ของบุคคลที่สาม, ไม่มีเซิร์ฟเวอร์
• โอเพนซอร์ส รหัสตรวจจับสามารถตรวจสอบได้
• MV3-native สร้างสำหรับแพลตฟอร์มส่วนขยาย Chrome ปัจจุบัน จะไม่ถูกปิดใช้งานโดยการอัปเดต Chrome ในอนาคตที่จะเลิกใช้ Manifest V2
• สิทธิ์ขั้นต่ำ เฉพาะ «storage» สำหรับการตั้งค่าและ «activeTab» สำหรับหน้าปัจจุบัน สิทธิ์โฮสต์ «<all_urls>» ถูกใช้เฉพาะสำหรับการอ่าน Content-Type ของการตอบสนอง
• หลายรูปแบบ JSON, YAML, XML — เครื่องมือเดียว สามตัวแสดงผล UI ที่สอดคล้องกัน
คำอธิบายสิทธิ์
ทำไม TreeJSON จึงขอเข้าถึงเว็บไซต์ทั้งหมด? API JSON, YAML และ XML ถูกโฮสต์ในทุกโดเมนบนเว็บ เพื่อให้ Chrome จัดรูปแบบการตอบสนอง JSON จากโดเมนใดๆ โดยอัตโนมัติ ส่วนขยายต้องประกาศการเข้าถึงโดเมนนั้น TreeJSON ตรวจสอบเฉพาะ Content-Type ของเอกสาร หากการตอบสนองไม่ใช่ JSON, YAML หรือ XML, content script จะออกทันที ไม่มีการอ่านประวัติการเรียกดู ไม่มี URL ออกจากเบราว์เซอร์ ไม่มีอะไรถูกส่งไปที่ใด
มาจากตัวแสดงผล JSON อื่น?
กำลังมองหาตัวแสดงผล JSON โอเพนซอร์สที่ไม่มี telemetry ไม่มีสคริปต์ของบุคคลที่สาม และมี codebase MV3 ปัจจุบัน? TreeJSON คือตัวเลือกที่ให้ความเป็นส่วนตัวเป็นที่หนึ่งและหลายรูปแบบ เปลี่ยนได้ในไม่กี่วินาที
คำถามที่พบบ่อย
ถ: TreeJSON จะฉีดป๊อปอัพหรือแบนเนอร์ในหน้าช้อปปิ้งหรือเช็คเอาท์หรือไม่?
ต: ไม่ TreeJSON ไม่เคยทำงานบนหน้าที่ไม่ใช่ JSON content script จะออกก่อนอ่านหน้าหาก Content-Type ไม่ใช่ JSON, YAML หรือ XML
ถ: TreeJSON ติดตามการเรียกดูของฉันหรือไม่?
ต: ไม่ TreeJSON มีคำขอเครือข่ายขาออกเป็นศูนย์ มันไม่โหลดสคริปต์จากระยะไกล ฟอนต์ หรือ SDK วิเคราะห์
ถ: ทำไมจึงขอ «<all_urls>»?
ต: API JSON ถูกโฮสต์ในทุกโดเมน TreeJSON ตรวจสอบ Content-Type ของการตอบสนองและออกหากไม่เกี่ยวข้อง ไม่มี URL ใดถูกบันทึกหรือส่ง
ถ: ฉันสามารถแก้ไข JSON ได้หรือไม่?
ต: TreeJSON อ่านอย่างเดียวใน v1 ใช้ตัวแก้ไข JSON เฉพาะสำหรับการเขียน
ถ: ทำงานออฟไลน์ได้หรือไม่?
ต: ใช่ หลังการติดตั้ง TreeJSON ทำงานในเครื่องทั้งหมด ไม่มีส่วนประกอบเซิร์ฟเวอร์
ถ: รหัสต้นฉบับเปิดเผยหรือไม่?
ต: ใช่ ตรวจสอบตรรกะการตรวจจับ parser glue และโค้ดเรนเดอร์ก่อนติดตั้ง
ถ: แตกต่างจาก Chrome DevTools อย่างไร?
ต: DevTools แสดง JSON ในแท็บ Network และต้องการให้คุณเปิดสำหรับทุกคำขอ TreeJSON จัดรูปแบบ URL JSON ทุกอันที่คุณเปิดในแท็บปกติโดยอัตโนมัติ — เร็วกว่าสำหรับการตรวจสอบ API ประจำวัน walkthrough และการแชร์หน้าจอ