TreeJSON — Penampil JSON, Tampilan Pohon, Formatter YAML & XML
ID
bjjdggabgllhblcjafopjpmcadoeldpkFormat JSON, YAML, XML di browser. Tampilan pohon, pencarian, salin JSONPath, ekspor. Open source, privasi diutamakan, MV3-native.
Tangkapan layar
Deskripsi
Format JSON, YAML, XML di browser. Tampilan pohon, pencarian, salin JSONPath, ekspor. Open source, privasi diutamakan, MV3-native.
TreeJSON memformat respons JSON, YAML, dan XML langsung di browser Anda — instan, lokal, dan tanpa telemetri sama sekali. Dibangun dari awal di atas Manifest V3 setelah ekstensi JSON Formatter Chrome paling populer (lebih dari 2 juta pengguna) menjadi closed-source dan mulai menyuntikkan skrip pihak ketiga pada awal 2026.
APA YANG DILAKUKANNYA
TreeJSON mendeteksi respons JSON, YAML, dan XML melalui header Content-Type dan ekstensi file, lalu menampilkannya sebagai tampilan pohon yang bisa dilipat, dengan syntax highlighting, penghitung item, dan panduan indentasi. Tanpa setup, tanpa akun, tanpa server.
FITUR UTAMA
• Format otomatis JSON, JSON-LD, JSON:API, HAL+JSON, NDJSON, YAML, dan XML
• Pohon yang bisa dilipat dengan penghitung item dan panduan indentasi
• Pencarian teks penuh di kunci dan nilai dengan highlight substring
• Klik kanan pada node mana pun → salin JSONPath, nilai mentah, atau subtree penuh
• Klik-untuk-salin pada nilai primitif apa pun
• Validator JSON dengan kesalahan parse bernomor baris
• Ekspor JSON → CSV (array objek), tipe TypeScript, atau JSON Schema (Draft-07)
• Tema terang / gelap / otomatis — mengikuti sistem operasi
• Nonaktifkan per tab, per origin, pola regex pengecualian URL
• Pintasan keyboard (Alt+Shift+J untuk toggle, ⌘/Ctrl+F untuk pencarian)
• Bekerja dengan file lokal (file://) ketika Anda mengaktifkan akses file
• Toggle mentah / terformat — kembali ke teks sumber kapan saja
• 100% offline setelah instalasi — tanpa permintaan jaringan sendiri
UNTUK SIAPA
Pengembang web yang melakukan debug respons REST dan GraphQL, insinyur backend yang memeriksa payload, insinyur QA yang memverifikasi bentuk respons, DevOps yang membaca file konfigurasi, siapa pun yang membuka URL JSON mentah dan ingin membacanya dengan mudah.
CARA KERJANYA
Buka URL JSON, YAML, atau XML → TreeJSON memeriksa Content-Type → menampilkan pohon terstruktur → cari, salin, ekspor. Selalu tanpa konfigurasi.
MENGAPA TREEJSON
• Privasi diutamakan. Nol telemetri, nol analitik, nol skrip pihak ketiga, nol server.
• Open source. Kode deteksi dapat diaudit.
• MV3-native. Dibangun untuk platform ekstensi Chrome saat ini. Tidak akan dinonaktifkan oleh pembaruan Chrome di masa depan yang menghapus Manifest V2.
• Izin minimal. Hanya «storage» untuk preferensi dan «activeTab» untuk halaman saat ini. Izin host «<all_urls>» digunakan eksklusif untuk membaca Content-Type respons.
• Multi-format. JSON, YAML, XML — satu alat, tiga penampil, satu antarmuka konsisten.
PENJELASAN IZIN
Mengapa TreeJSON meminta akses ke semua situs? API JSON, YAML, dan XML di-host di setiap domain di web. Agar Chrome dapat memformat respons JSON dari domain mana pun secara otomatis, ekstensi harus mendeklarasikan akses ke domain tersebut. TreeJSON hanya memeriksa Content-Type dokumen. Jika respons bukan JSON, YAML, atau XML, content script keluar segera. Tidak ada riwayat browser yang dibaca. Tidak ada URL yang keluar dari browser. Tidak ada yang dikirim ke mana pun.
BERALIH DARI PENAMPIL JSON LAIN?
Mencari penampil JSON open source tanpa telemetri, tanpa skrip pihak ketiga, dan dengan basis kode MV3 terkini? TreeJSON adalah pilihan privasi-diutamakan, multi-format. Beralih dalam hitungan detik.
FAQ
T: Apakah TreeJSON akan menyuntikkan pop-up atau banner di halaman belanja atau checkout?
J: Tidak. TreeJSON tidak pernah berjalan di halaman non-JSON. content script keluar sebelum membaca halaman jika Content-Type bukan JSON, YAML, atau XML.
T: Apakah TreeJSON melacak browsing saya?
J: Tidak. TreeJSON memiliki nol permintaan jaringan keluar. Ia tidak memuat skrip jarak jauh, font, atau SDK analitik.
T: Mengapa meminta «<all_urls>»?
J: API JSON di-host di setiap domain. TreeJSON memeriksa Content-Type respons dan keluar jika tidak relevan. Tidak ada URL yang dicatat atau ditransmisikan.
T: Bisakah saya mengedit JSON?
J: TreeJSON read-only di v1. Gunakan editor JSON khusus untuk menulis.
T: Apakah berfungsi offline?
J: Ya. Setelah instalasi, TreeJSON berjalan sepenuhnya lokal. Tidak ada komponen server.
T: Apakah kode sumber publik?
J: Ya. Audit logika deteksi, parser glue, dan kode render sebelum menginstal.
T: Apa bedanya dengan Chrome DevTools?
J: DevTools menampilkan JSON di tab Network dan mengharuskan Anda membukanya untuk setiap permintaan. TreeJSON otomatis memformat setiap URL JSON yang Anda buka di tab biasa — lebih cepat untuk inspeksi API harian, walkthrough, dan berbagi layar.