Pemapar Pokok JSON

Apakah alat ini?

Pemapar pokok JSON mengubah dokumen JSON menjadi garis besar yang boleh dinavigasi: setiap objek dan array menjadi nod yang boleh anda kembang atau lipat, setiap kunci menunjukkan jenis yang diinferens, dan setiap nilai daun dipaparkan sebaris. Dan bukannya menatal beribu-ribu baris teks, anda hanya menyelam ke dalam cabang yang benar-benar anda perlukan.

Ini berbeza daripada pemformat JSON. Pemformat menulis semula teks JSON anda dengan indent supaya kelihatan lebih kemas — ia adalah alat yang betul apabila anda hanya perlu mencantikkan, meminimumkan, atau mengesahkan sintaks. Pemapar pokok pula untuk menerokai dan menavigasi struktur itu sendiri, terutamanya apabila JSON itu besar, sangat bersarang, atau anda belum tahu di mana data yang anda perlukan berada. Jika anda hanya mahu mencantikkan atau mengesahkan teks JSON, gunakan Pemformat JSON sebaliknya.

Kenapa guna alat ini?

• Navigasi respons API atau fail konfigurasi yang sangat bersarang tanpa hilang jejak kurungan mana milik tahap mana.
• Cari mengikut nama kunci atau nilai dan lompat terus ke padanan, dengan laluan dikembang secara automatik untuk anda.
• Mengendalikan JSON yang sangat besar (beberapa megabait) dengan lancar — nod anak hanya dibina apabila anda mengembangnya, jadi tiada apa yang membekukan tab.
• Lihat jenis setiap nilai sekali imbas — string, number, boolean, null, object atau array — dengan label yang jelas.
• 100% peribadi: penghuraian dan rendering berlaku sepenuhnya dalam pelayar anda, tiada apa dimuat naik atau disimpan.

Cara menggunakannya

1. Tampal JSON anda ke dalam kotak input, atau gunakan pemilih fail untuk memuatkan fail JSON daripada cakera.
2. Klik "Render tree" untuk membina paparan interaktif.
3. Klik anak panah di sebelah mana-mana objek atau array untuk mengembang atau melipatnya — nod yang lebih dalam daripada beberapa tahap bermula terlipat secara automatik supaya fail besar kekal responsif.
4. Taip nama kunci atau nilai ke dalam kotak carian untuk mencari padanan; alat ini mengembang setiap nod induk sepanjang laluan dan menatal serta menyerlahkan hasilnya.
5. Gunakan butang seterusnya/sebelumnya untuk melangkah melalui pelbagai padanan.

Contoh

Input

{"user":{"id":42,"name":"Ada","roles":["admin","editor"],"active":true,"manager":null}}

Hasil

user: { 4 keys }
  id: 42 (number)
  name: "Ada" (string)
  roles: [ 2 items ]
    0: "admin"
    1: "editor"
  active: true (boolean)
  manager: null

Setiap baris menunjukkan kunci, jenis yang diinferens, dan sama ada nilainya (untuk daun) atau kiraan terlipat (untuk objek dan array) sehingga anda mengembangnya.

Tip praktikal

• Untuk respons API yang besar, cari nama medan yang khusus dahulu (seperti id atau kod ralat) dan bukannya mengembang nod satu demi satu secara manual — carian terus lompat ke situ.
• Nod melepasi beberapa tahap pertama bermula terlipat dengan sengaja, supaya muatan bermegabait kekal responsif; kembangkan hanya cabang yang anda perlukan.
• Lencana jenis (string, number, boolean, null, object, array) amat berguna untuk mengesan medan yang tidak dijangka null atau array di mana anda menjangkakan object.
• Jika anda hanya perlu mencantikkan atau mengesahkan serpihan JSON dan bukan menerokai strukturnya, Pemformat JSON lebih pantas untuk kerja itu.

Kedudukan ini dalam aliran kerja sebenar

Respons API yang sangat bersarang, eksport pangkalan data, dan fail konfigurasi sukar difahami sebagai teks rata — anda hilang jejak kurung kurawal penutup mana sepadan dengan kunci mana. Memuatkan muatan yang sama ke dalam paparan pokok membolehkan anda melipat segala-galanya yang tidak diperlukan dan fokus hanya pada cabang yang penting, yang jauh lebih pantas berbanding menatal dinding teks berformat mencari satu medan.

Aliran biasa: tampal muatan webhook besar di sini dahulu untuk memahami bentuknya dan mencari medan yang anda perlukan, kemudian beralih ke Pemformat JSON jika anda memerlukan salinan teks berindent yang bersih untuk ditampal ke dalam laporan pepijat atau semakan kod.

→ Pemformat JSON

Kes penggunaan biasa

• Menerokai respons API yang besar dan sangat bersarang untuk mencari di mana medan tertentu berada sebelum menulis kod terhadapnya.
• Menyemak fail konfigurasi atau eksport yang besar tanpa menatal melalui ribuan baris teks mentah.
• Menyemak bentuk dan jenis muatan JSON yang tidak biasa sebelum menghuraikannya dalam kod anda sendiri.
• Mencari nilai tertentu (ID, mesej ralat, cap masa) yang terkubur di suatu tempat di dalam dokumen JSON yang besar.

Soalan lazim