JSON düzenleyiciye geç
JSON Formatter Viewer

JSON görüntüleyici

input.json

JSON'unuzu buraya yapıştırın

ya da bu alanın herhangi bir yerine bir .json dosyası bırakın

Biçimlendirilmiş çıktı burada görünür.

Girdi bekleniyor

Tanımadığınız bir yükü okumak

Ağacın biçimlendirilmiş metni geçmesinin nedeni yapıyı göstermesidir. Girintili metin belgede ne olduğunu söyler; ağaç ise nasıl örgütlendiğini söyler ve yazmadığınız bir API’den yanıt geldiğinde sorduğunuz asıl soru budur.

Daha önce hiç görmediğiniz bir şey için işleyen bir sıra:

  1. Yapıştırın. Kök kendiliğinden açılır, küçük alt nesnelerle birlikte; böylece en üst düzeydeki yapı tek tık bile gerektirmeden görünür.
  2. Durum çubuğunu okuyun. Derinlik iç içe geçmenin ne kadar indiğini söyler; anahtar toplamı benzersizle karşılaştırır ve ikisi arasındaki büyük fark, geniş bir yapılandırma nesnesi değil yinelenen kayıtlara baktığınız anlamına gelir.
  3. Kök, nesnelerden oluşan bir diziyse Tablo’ya geçin. Kayıtları satır satır karşılaştırmak, kardeş alt ağaçlar arasında karşılaştırmaktan çok daha kolaydır.
  4. İlgilendiğiniz alanı arayın, sonra o satırdaki yol-kopyala ile kodunuz için erişim ifadesini alın.

Her satır ne anlatır

  • Kapalı kapsayıcılar bir sayı taşır — 3 öğe ya da 5 anahtar — böylece bir dalı açmaya değip değmeyeceğini açmadan önce anlarsınız.
  • Değerler türe göre renklendirilir ve dizeler tırnaklarını korur. "42" olarak görünen bir sayı dizedir ve genellikle aradığınız hata tam olarak bu ayrımdır.
  • null boş hücre yerine açıkça gösterilir, çünkü bir null ile eksik bir anahtar farklı şeylerdir.
  • Her satırda değer-kopyala ve yol-kopyala düğmeleri vardır. Değer-kopyala dizeler için ham metin, kapsayıcılar için biçimlendirilmiş JSON verir.

Büyük belgeler neden akıcı kalır

Görüntüleyici DOM’u tembel biçimde kurar. Kapalı bir düğüm hiç alt öğe barındırmaz ve açmak yalnızca doğrudan alt öğelerini oluşturur — büyük dizilerde bir seferde 200 tane. Dolayısıyla 20 MB’lık bir belgenin maliyeti bir ayrıştırma ve ilk çizimde bir tutam satırdır; tarayıcının yanıt vermeden önce yerleştirmesi gereken milyonlarca düğüm değil.

Aç gerçekten pahalı olabilen tek işlemdir; bu yüzden 20.000 düğümden sonra durur ve bunu size söyler. Belgenin tamamını okumak için biçimlendirilmiş metin görünümü daha iyi bir araçtır.

Bir dizenin içinde gelen JSON’u okumak

Günlük hatları ve mesaj kuyrukları JSON’u sık sık JSON dizesi olarak kodlanmış hâlde teslim eder; şöyle görünür: "{\"id\":7,\"ok\":true}". Yapıştırın ve Kaçışı çöz’e basın: dış dize ayrıştırılır, iç belge çözülür ve ağaç gerçek yapıyı çizer. Birden çok kez kodlanmış veriler için işlem yinelenebilir.

Sık sorulan sorular

Arama, kapalı düğümlerin içindeki eşleşmeleri bulur mu?

Evet. Arama işlenmiş DOM yerine ayrıştırılmış veri yapısını tarar; kapalı bir dalın on iki düzey altındaki eşleşme de bulunur ve ağaç onu göstermek için tüm üst düğümleri açar. DOM’da arayan görüntüleyiciler bunları sessizce kaçırır.

Yol kopyalama düğmesi bana ne verir?

O düğüme çözümlenen bir JSONPath ifadesi, örneğin $.endpoints[1].p99_ms. jq için geçerli bir girdidir ($ işaretini atın), çoğu JSONPath kitaplığı için de öyledir ve kodda özellik erişimine doğrudan karşılık gelir.

Uzun bir dizi neden yalnızca bir bölümünü gösteriyor?

Diziler bir seferde 200 alt öğe işler ve sonraki grubu yüklemek için bir düğme sunar. 100.000 satırlık DOM’u baştan kurmak, diğer görüntüleyicileri donduran şeydir; bu yolla ilk çizim anında gelir ve yalnızca gerçekten baktığınız yerde daha fazlasını çekersiniz.

Ağaçta klavyeyle gezinebilir miyim?

Evet — ağaç ARIA tree desenini uygular. Yukarı ve aşağı oklar görünen satırlar arasında hareket eder, sağ açar, sol kapatır ya da üst düğüme atlar, Enter durumu değiştirir. Ctrl/⌘ + K arama kutusuna odaklanır.

Araç setinin geri kalanı

Aynı motor, aynı gizlilik — her sayfa tümüyle tarayıcınızda çalışır.