Penampil pohon JSON
Visualisasikan data JSON sebagai pohon interaktif yang dapat dilipat. Cari kunci dan nilai, lacak JSONPath saat hover, dan tangani file besar dengan lazy loading. Mendukung drag & drop file .json.
Apa itu penampil pohon JSON?
Penampil pohon JSON adalah alat yang mengurai teks JSON dan merendernya sebagai struktur pohon interaktif yang dapat dilipat. Setiap node menampilkan kunci, tipe, dan pratinjau nilainya, memungkinkan Anda menjelajahi data JSON yang sangat bersarang secara visual tanpa membaca teks mentah.
Bagaimana cara melipat dan membuka node pohon?
Klik ikon panah di sebelah node objek atau array apa pun untuk membuka atau melipatnya. Anda juga dapat mengklik baris node itu sendiri. Gunakan tombol "Perluas semua" dan "Lipat semua" di toolbar untuk beralih seluruh pohon sekaligus.
Bagaimana cara kerja fitur pencarian?
Ketik kata kunci di kotak pencarian dan alat akan langsung menyorot kunci dan nilai string yang cocok. Baris yang cocok disorot, dan Anda dapat berpindah antara kecocokan menggunakan tombol sebelumnya/berikutnya atau tombol Enter (maju) dan Shift+Enter (mundur).
Apa itu JSONPath dan bagaimana cara menyalinnya?
JSONPath adalah ekspresi notasi titik yang menunjuk ke node tertentu, mis. $.user.address[0].city. Arahkan kursor ke node mana pun dan jalurnya muncul di bilah jalur; klik jalur atau ikon salin untuk menyalinnya ke papan klip.
Bisakah saya memuat JSON dari file?
Ya. Klik tombol "Muat File" untuk mencari file .json, atau seret dan lepas file .json ke area input. Isi file dibaca secara lokal di browser Anda dan tidak pernah diunggah ke server mana pun.
Bagaimana tipe nilai yang berbeda ditampilkan?
Setiap tipe nilai memiliki warna yang berbeda: string hijau, angka biru, boolean oranye, dan nilai null abu-abu. Objek dan array menampilkan badge dengan jumlah anaknya, seperti {3} atau [5].
Bagaimana alat menangani file JSON yang sangat besar?
Ketika node memiliki lebih dari 1000 anak, alat menggunakan lazy loading: ia merender 100 item pertama dan menampilkan tombol "Muat lebih" di bagian bawah. Ini menjaga UI tetap responsif bahkan dengan array ribuan entri.
Apakah data JSON saya dikirim ke server?
Tidak. Semua penguraian, rendering, dan pencarian terjadi sepenuhnya di browser Anda. Data JSON Anda tidak pernah meninggalkan perangkat Anda, membuat alat ini aman untuk data sensitif atau rahasia.
Apa yang terjadi ketika saya menempelkan JSON tidak valid?
Alat menampilkan pesan kesalahan yang jelas di bawah area input yang menunjukkan kesalahan parse dan lokasinya. Tampilan pohon tetap kosong sampai Anda memperbaiki sintaks dan input menjadi JSON yang valid lagi.
Apakah alat ini bekerja offline?
Setelah halaman dimuat, alat berjalan sepenuhnya di browser Anda dan dapat bekerja tanpa koneksi internet. Hanya pemuatan halaman awal yang memerlukan akses jaringan untuk mengambil aset statis.