JSON Tree Viewer

1. 1

   Buka JSON Anda

   Seret berkas .json, .jsonl, .geojson, .har, atau .map ke area lepas, telusuri berkas, atau tempel JSON langsung ke kotak teks. Tidak ada yang diunggah - berkas dibaca di perangkat Anda.

2. 2

   Jelajahi pohonnya

   Objek dan daftar dibuka dan ditutup lewat panah di sampingnya, dan masing-masing menunjukkan berapa banyak anak yang dimuatnya. Gunakan Buka sampai kedalaman atau Tutup semua untuk mengubah seluruh bentuk sekaligus.

3. 3

   Temukan yang Anda butuhkan

   Cari kunci atau nilai apa pun, dengan ekspresi reguler bila mau, dan telusuri hasilnya. Untuk irisan yang tepat, saring dengan ekspresi JSONPath seperti $..author atau $.items[0:10].

4. 4

   Beralih ke tabel

   Bila dokumen berupa daftar rekaman, tampilan tabel menatanya dalam kolom alih-alih mengulang cabang yang sama ratusan kali.

5. 5

   Salin atau ekspor

   Salin jalur, kunci, atau nilai simpul mana pun, atau unduh seluruh dokumen - atau hanya subpohon terpilih - terformat, terminifikasi, tanpa perubahan, atau sebagai NDJSON.

Membuka berkas JSON dan membacanya - itulah seluruh pekerjaannya, dan melakukannya dengan baik pada berkas berukuran dan berbentuk apa pun ternyata menuntut lebih dari sekadar daftar yang bisa dilipat. Penampil ini mengindeks berkas alih-alih mengubahnya menjadi objek, sehingga membuka dengan cepat, menampilkan persis apa yang dimuat berkas, dan tetap responsif baik dokumennya dua baris maupun dua juta simpul.

• Pohon yang menskala. Objek dan daftar membuka dan menutup di kedalaman mana pun, dan hanya baris yang terlihat yang digambar - ekspor 200.000 rekaman menggulir semulus berkas konfigurasi kecil.
• Tabel bila datanya tabular. Daftar rekaman menjadi baris dan kolom, dengan kolom disimpulkan dari data.
• Mencari dan menyaring. Cocokkan kunci, nilai, atau keduanya, dengan ekspresi reguler; atau ambil irisan tepat dengan ekspresi JSONPath.
• Persis seperti isi berkas. Angka besar mempertahankan setiap digit, kunci ganda dipertahankan dan ditandai, dan urutan escape milik berkas tetap utuh.
• Pembacaan toleran. Komentar, koma berlebih, kutip tunggal, dan kunci tanpa kutip dapat dibaca, dengan setiap perubahan dilaporkan.
• Menyalin dan mengekspor. Jalur, kunci, nilai, atau subpohon mana pun ke papan klip; seluruh dokumen atau satu cabang ke berkas.

Ukuran adalah titik di mana sebagian besar penampil JSON di peramban berhenti berguna. Pendekatan umumnya mengurai dokumen menjadi objek JavaScript lalu menggambar satu elemen per simpul, yang memakan memori sebanding dengan berkas dan menata seluruh dokumen sebelum menampilkan apa pun. Lewat beberapa megabita, itu menjadi tab yang membeku.

Yang dilakukan penampil ini sebagai gantinya

• Mengindeks, bukan mengurai. Berkas dipindai sekali menjadi tabel posisi yang ringkas. Tidak ada objek JavaScript yang dibuat untuk bagian mana pun dari dokumen.
• Bekerja jauh dari halaman. Pemindaian, pencarian, penyaringan, dan ekspor terjadi di luar untai yang menggambar layar, sehingga halaman tidak pernah membeku dan gulir tidak pernah tersendat.
• Menggambar hanya yang terlihat. Sekitar empat puluh baris ada pada satu waktu, berapa pun jumlah yang dimiliki dokumen.
• Membaca teks sesuai kebutuhan. Kunci atau nilai diubah menjadi teks terbaca saat muncul di layar, bukan sebelumnya.
• Menangani kedalaman tanpa gagal. Sarang ditelusuri secara iteratif, sehingga dokumen yang sangat bersarang dibaca seperti dokumen lain alih-alih menghabiskan tumpukan.

Menemukan satu bidang di dokumen besar adalah tugas yang membuat penampil ada, dan di baliknya ada dua pertanyaan berbeda: di mana teks ini muncul, dan apa yang ada di jalur ini? Keduanya dijawab di sini, dan keduanya berjalan di atas indeks alih-alih baris yang tergambar, sehingga hasil di dasar berkas raksasa ditemukan secepat hasil di awalnya.

Dua cara melihat

• Pencarian. Ketik teks apa pun untuk mencocokkan kunci, nilai, atau keduanya. Membedakan huruf besar-kecil bersifat opsional dan ekspresi reguler didukung, dengan ^ dan $ cocok pada batas baris seperti di editor.
• Menelusuri hasil. Hasil didaftar sesuai urutan dokumen; berpindah ke salah satunya membuka setiap cabang di atasnya dan menyorot teks di dalam baris.
• Filter JSONPath. Ekspresi seperti $.store.book[*].author, $..price, $.rows[0:100], dan $['kunci aneh'] mempersempit tampilan tepat ke simpul yang Anda minta, masing-masing dengan strukturnya sendiri.
• Menyaring dan mencari bersama. Cari di dalam tampilan tersaring untuk mempersempit dua kali - berguna ketika satu jalur memilih seribu rekaman dan Anda ingin tiga yang menyebut sebuah nama.

Sebagian besar JSON di dunia nyata adalah daftar rekaman: respons API, sebuah ekspor, berkas log. Digambar sebagai pohon, itu adalah ratusan cabang serupa, dan membacanya berarti membukanya satu per satu. Tampilan tabel menunjukkan data yang sama sebagai baris dan kolom, yang memang cara daftar rekaman seharusnya dibaca.

Bagaimana perilakunya

• Kolom berasal dari data. Nama bidang dikumpulkan dari seluruh rekaman alih-alih diasumsikan dari yang pertama, sehingga bidang yang hanya dimiliki sebagian rekaman tetap mendapat kolom.
• Rekaman tak beraturan terlihat, tidak disembunyikan. Rekaman yang kekurangan bidang menampilkan sel kosong, dan entri yang sama sekali bukan objek tetap didaftar alih-alih dilewati.
• Nilai bersarang tetap bisa ditelusuri. Sel berisi objek atau daftar menunjukkan apa isinya dan seberapa banyak; memilihnya membawa Anda ke simpul itu di pohon.
• Ia menemukan rekaman untuk Anda. Baik daftar itu seluruh dokumen maupun satu bidang di dalamnya, tabel menawarkan daftar rekaman terdekat dari apa pun yang Anda pilih.

Dua hal terjadi di dalam hampir setiap penampil JSON yang tidak pernah disebutkan dan mengubah apa yang ditampilkan kepada Anda. Keduanya berasal dari keputusan yang sama - mengurai dokumen menjadi nilai JavaScript - dan keduanya dihindari di sini dengan membaca teks berkas itu sendiri.

Yang hilang di tempat lain

• Angka besar dibulatkan. Angka JavaScript menyimpan sekitar 15 digit penting. Pengenal seperti 12345678901234567890 menjadi 12345678901234567000, dan tidak ada di layar yang mengatakannya. Di sini setiap angka ditampilkan dari karakter berkas itu sendiri, dan angka mana pun yang tidak akan bertahan melalui konversi ditandai.
• Kunci ganda hilang. JSON mengizinkan objek mengulang kunci. Pengurai yang membangun objek hanya menyimpan yang terakhir, sehingga dokumen yang diam-diam keliru tampak benar. Di sini kedua anggota ditampilkan, keduanya ditandai, dan jumlahnya muncul di ringkasan.
• Urutan escape ditulis ulang. Memformat dokumen di tempat lain dapat mengubah setiap \u00e9 menjadi karakter harfiah. Mengekspor di sini mengubah spasi dan tidak lebih, sehingga selisih terhadap berkas asli Anda tetap terbaca.
• Desimal berpresisi tinggi terpotong. Batas 15 digit yang sama berlaku untuk pecahan, sehingga nilai dengan presisi lebih tinggi dipendekkan diam-diam. Di sini ditampilkan utuh.

JSON ketat tidak mengenal komentar, koma berlebih, kutip tunggal, maupun kunci tanpa kutip - dan berkas konfigurasi nyata memiliki keempatnya. Penampil yang sekadar menolaknya tidak banyak membantu ketika berkas di hadapan Anda justru yang perlu Anda baca.

Mode toleran dan batasnya

• Ditawarkan, tidak pernah otomatis. Berkas dibaca secara ketat lebih dulu. Mode toleran muncul hanya ketika pembacaan ketat gagal dan perbaikan memang akan mengubah sesuatu.
• Semua yang diubah dilaporkan. Komentar dihapus, koma berlebih dibuang, kutip dikonversi, kunci diberi kutip, NaN dan Infinity diganti - masing-masing disebut, dihitung, dengan baris kemunculan pertama.
• Ia tidak pernah mengarang struktur. Kurung yang hilang, koma yang hilang, atau berkas terpotong adalah kerusakan, bukan dialek. Itu dilaporkan sebagai galat, karena menebak akan menaruh data di layar yang tidak ada di berkas Anda.
• Galat menyebut lokasi. Ketika berkas sama sekali tidak bisa dibaca, pesannya memberi baris dan kolom serta menunjukkan teks di sekitar masalah, alih-alih offset bita yang tak bisa dituju editor mana pun.

JSON datang dengan beberapa ekstensi dan sesekali dalam pengodean yang semestinya tidak dipakainya. Semuanya dibaca di sini, dan apa yang terdeteksi ditampilkan alih-alih diasumsikan diam-diam.

Yang bisa dibuka

• JSON. .json, dan .txt biasa yang memuat JSON.
• JSON Lines dan NDJSON. .jsonl dan .ndjson, di mana setiap baris adalah dokumen tersendiri. Keduanya disajikan sebagai satu daftar sehingga seluruh aliran dapat ditelusuri, dicari, dan diekspor bersama.
• GeoJSON, HAR, dan peta sumber. .geojson, .har, dan .map adalah JSON biasa dengan bentuk tertentu, dan ketiganya terbuka seperti biasa.
• UTF-8, UTF-16, dan Windows-1252. Tanda urutan bita dihormati dan dihapus alih-alih dilaporkan sebagai galat sintaks, dan berkas yang bukan UTF-8 sah didekode alih-alih dipenuhi karakter pengganti.

Membaca dokumen biasanya berakhir dengan mengambil sesuatu darinya - satu jalur untuk pengujian, satu nilai untuk laporan bug, satu cabang untuk rekan kerja. Masing-masing hanya satu klik, dan tak satu pun mengubah apa yang dikatakan data Anda.

Yang bisa Anda ambil

• Jalurnya. $.store.book[0].author, dalam bentuk yang bisa Anda tempel ke alat lain. Kunci yang perlu kutip akan mendapatkannya.
• Kunci atau nilainya. Teks menyalin isinya tanpa kutip di sekelilingnya; nilai lain menyalin persis apa yang dimuat berkas.
• Satu subpohon. Objek atau daftar mana pun, terformat, tanpa mengekspor sisa dokumen.
• Seluruh berkas, empat cara. Terformat dengan indentasi, terminifikasi, bita asli tanpa perubahan, atau NDJSON dengan satu elemen daftar per baris.

Tidak ada yang diunggah. Berkas dibuka, diindeks, dicari, dan diekspor sepenuhnya di mesin Anda sendiri, yang sekaligus merupakan jawaban privasi dan jawaban kecepatan - tidak ada perjalanan bolak-balik yang perlu ditunggu, jadi berkas besar dibatasi oleh perangkat Anda, bukan oleh jaringan.

Apa artinya dalam praktik

• Bekerja luring. Setelah halaman dimuat, penampil terus bekerja tanpa koneksi sama sekali.
• Tidak ada yang disimpan. Menutup tab adalah akhirnya. Tidak ada riwayat, tidak ada singgahan dokumen Anda, dan tidak ada akun yang terkait dengannya.
• Aman untuk data sensitif. Ekspor produksi, log akses, dan apa pun di bawah perjanjian yang melarang pemrosesan pihak ketiga dapat dibuka di sini, karena tidak ada pihak ketiga yang pernah menerimanya.
• Perangkat Anda menentukan batas. Paket gratis membuka berkas hingga 100 MB. Pro mengganti angka itu dengan apa pun yang benar-benar sanggup ditangani mesin Anda.

Beberapa kebiasaan membuat dokumen besar atau asing jauh lebih cepat ditelusuri, penampil mana pun yang Anda pakai.

Kiat

• Tutup dulu, lalu turun. Tutup semuanya dan buka satu cabang setiap kali; bentuk sebuah dokumen lebih mudah terlihat dengan sepuluh baris di layar daripada sepuluh ribu.
• Saring sebelum mencari. Ekspresi JSONPath yang mempersempit ke rekaman yang Anda pedulikan membuat pencarian teks berikutnya jauh lebih terbaca.
• Gunakan tabel untuk daftar. Bila dokumen berupa daftar rekaman, tabel menjawab pertanyaan yang tak bisa dijawab pohon - misalnya rekaman mana yang kehilangan sebuah bidang.
• Perhatikan ringkasan. Jumlah simpul, kedalaman maksimum, kunci ganda, dan angka tak lazim ditampilkan saat berkas dibuka, dan sering menjelaskan sebuah bug sebelum Anda mencarinya.
• Ekspor cabangnya, bukan berkasnya. Saat membagikan masalah, subpohon lebih mudah dibaca orang lain daripada tautan ke dokumen 40 MB.

Penggunaan umum

• Menelusuri bug API. Tempel sebuah respons, temukan bidang yang keliru, dan salin jalurnya langsung ke sebuah pengujian.
• Memeriksa ekspor. Buka ekspor basis data atau analitik, pastikan jumlah rekamannya, dan cari rekaman yang tidak sesuai dengan yang lain.
• Membaca berkas HAR. Tangkapan jaringan adalah JSON dengan bentuk yang sangat dalam, yang justru menjadi alasan adanya pencarian dan penyaringan.
• Mengaudit konfigurasi. Kunci ganda dan nilai null tak terduga di berkas konfigurasi terlihat di sini alih-alih diterapkan diam-diam.
• Memeriksa log. Berkas log NDJSON terbuka sebagai satu daftar yang bisa ditelusuri alih-alih ribuan dokumen terpisah.

• Pemformat JSON
• Validator JSON
• Peminifikasi JSON
• Bandingkan JSON
• JSON ke YAML
• JSON ke XML