Penukar Percuma

Pokok JSON Penonton

Lihat, format dan teroka data JSON dalam pepohon boleh lipat interaktif. Percuma, selamat dan tiada muat naik diperlukan.

Seret & Lepaskan fail JSON di sini

Atau tampal teks JSON di bawah

Ataupun

Tentang alat ini

Penonton pepohon JSON memaparkan data JSON sebagai pepohon hierarki yang boleh dilayari dan bukannya sebagai teks biasa. Setiap objek menjadi dahan yang boleh dilipat; tatasusunan menunjukkan item mereka secara individu; nilai primitif muncul sebagai daun. Pandangan struktur memudahkan untuk mencari medan khusus dalam data bersarang dalam, meruntuhkan subpokok yang tidak berkaitan dan menavigasi dokumen JSON besar yang tidak boleh diurus sebagai teks rata.

Berbanding dengan teks JSON yang diformatkan, paparan pepohon cemerlang dalam navigasi dalam data besar. Sambutan API 10MB adalah tidak praktikal untuk menatal melalui sebagai teks tetapi boleh dikendalikan sebagai pepohon di mana anda meruntuhkan kunci peringkat atas yang anda tidak pedulikan dan mengembangkan bahagian yang menarik sahaja.

Pemapar ini memaparkan JSON dalam pepohon berstruktur dalam penyemak imbas anda. Cari menapis cawangan mengikut kunci atau nilai. Paparan sedar jenis membezakan rentetan, nombor, boolean, nol, objek dan tatasusunan.

Mengapa Menggunakan JSON Tree Viewer

Data bersarang dalam sukar dinavigasi sebagai teks. Fail konfigurasi, respons API dan keadaan bersiri selalunya mempunyai 5+ tahap sarang. Paparan pokok membolehkan anda meruntuhkan tahap yang tidak berkaitan dan menumpukan pada perkara yang penting; paparan teks memerlukan penatalan dan pengiraan kurungan yang teliti.

Keupayaan carian dan penapis juga penting. Mencari semua kunci bernama 'user_id' merentas dokumen yang kompleks adalah pantas dengan pemapar yang sedar carian; mustahil untuk dilakukan dengan pasti dengan teks biasa.

Cara menggunakan

Tampal JSON, navigasi pepohon.

  1. Tampalkan JSON anda: Jatuhkan JSON ke dalam kawasan input. Penonton menghuraikan dan menjadikan pokok berstruktur.
  2. Kembangkan dan runtuh: Klik cawangan untuk mengembangkan atau runtuh. Berguna untuk memfokus pada subpokok tertentu bagi data besar.
  3. Cari: Tapis mengikut kunci atau nilai. Cawangan yang sepadan kekal kelihatan; tidak sepadan disembunyikan.
  4. Periksa nilai tertentu: Klik pada daun untuk melihat nilai penuhnya (berguna untuk rentetan panjang) dan salin laluan (cth., users.0.profile.email) untuk digunakan dalam kod.

Kes Penggunaan Biasa

Butiran Teknikal

Penghuraian JSON menggunakan JSON.parse, yang gagal pada input yang tidak sah dengan ralat penghuraian yang menunjuk ke lokasi isu. JSON yang sah menjadi objek JavaScript yang dilihat oleh penonton secara rekursif untuk menghasilkan pepohon.

Rendering: setiap peringkat bersarang menjadi cawangan inden. Kekunci objek ialah label; nilai diberikan berdasarkan jenis — rentetan dalam petikan, nombor tanpa, boolean sebagai benar/salah, batal secara eksplisit, objek dan tatasusunan sebagai cawangan boleh lipat.

Prestasi: JSON yang sangat besar (10MB+) boleh memperlahankan pemaparan. Pengembangan malas (memaparkan hanya cawangan yang kelihatan pada masa ini) membantu. Carian merentasi dokumen besar mungkin mengambil masa yang ketara; mengindeks pokok pada parse pertama membantu.

Amalan Terbaik

Soalan lazim

Sejauh manakah pokok JSON boleh pergi?
Tiada had kedalaman buatan. Alat ini menjadikan pokok sedalam struktur JSON anda. Walau bagaimanapun, sarang yang sangat dalam (100+ tahap) mungkin melambatkan pemaparan dalam penyemak imbas.
Bolehkah saya mencari dalam pokok JSON?
Gunakan Ctrl/Cmd+F untuk mencari kunci atau nilai. Nod yang sepadan akan diserlahkan dan nod induknya dikembangkan secara automatik untuk menunjukkan laluan.
Apakah format laluan JSON yang digunakan?
Alat ini menggunakan tatatanda titik JSONPath ($.key.nested.array[0].value). Format ini serasi dengan akses sifat JavaScript dan kebanyakan perpustakaan JSONPath.
Bolehkah saya mengedit nilai dalam pepohon?
Ini ialah pemapar baca sahaja untuk penerokaan. Untuk mengedit JSON, gunakan alat Pemformat JSON kami yang menyediakan antara muka boleh diedit dengan pengesahan.
Adakah data saya dimuat naik?
Tidak. Penghuraian dan pemaparan berlaku dalam penyemak imbas anda.
Bagaimanakah saya mengeksport sebahagian daripada pokok itu?
Kebanyakan penonton menawarkan salinan-sebagai-JSON untuk cawangan terpilih. Nilai yang dieksport adalah struktur yang sama dengan hanya kekunci yang dipilih.
Mengapa pokok itu perlahan dengan data yang besar?
Penyampaian DOM bagi banyak nod adalah mahal. Pengembangan malas (menjadikan hanya cawangan yang kelihatan) membantu; untuk data yang sangat besar, alat khusus (jq, kod) adalah lebih cekap.
Bolehkah saya melihat JSON daripada URL?
Sesetengah penonton mengambil URL secara langsung. Yang lain memerlukan tampalan. CORS mungkin menghalang pengambilan silang asal daripada sesetengah URL.