JSON Ağaç Görüntüleyici
JSON'u daraltılabilir bir ağaç görünümünde inceleyin ve düzenleyin
JSON girdisi
25 MiB'a kadar JSON dosyaları
Onarım, hatalı biçimlendirilmiş verileri değiştirebilir. Dışa aktarmadan önce düzenlenen girdiyi gözden geçirin.
Ayrıştırıcı ayrıntıları
JSON görüntüleyici
Yapısını görmek için geçerli bir JSON girin.
Ağaç, görünür düğümlerin bir sayfasını gösterir. Tüm veriler ağaçta ve tam dışa aktarımlarda erişilebilir kalır.
Yapısını görmek için geçerli bir JSON girin.
JSON istatistikleri
- Nesne anahtarları
- 0
- Toplam değer
- 0
- Nesneler
- 0
- Diziler
- 0
- Dizeler
- 0
- Sayılar
- 0
- Boolean değerler
- 0
- Null değerler
- 0
- Maksimum derinlik
- 0
- UTF-8 bayt
- 0
Görüntüleyiciyi kullanma
Türü değiştirmek için JSON, dize olarak kaydetmek için düz metin girin. Enter kaydeder; Escape iptal eder.
- Ağacı açmak ve girdi panelini daraltmak için bir dosya veya örnek yükleyin. Ham JSON'u düzenlemek için Girdiyi göster'i kullanın.
- Yazarken girdi paneli açık kalır. Biçimlendirme ve küçültme, ayrıştırılmış verileri kaybetmeden girdiyi değiştirir.
- Ağaç modunda Kopyala, biçimlendirilmiş JSON'u kullanır. Kod modunda Kopyala girdinin biçimini korur; kod önizlemesi ve indirmeler biçimlendirilmiş JSON'u kullanır.
- Nokta, tırnak içeren veya root adındaki anahtarlar olduğu gibi anahtar kabul edilir.
- Basit değerleri kalem simgesiyle düzenleyin; silme işlemi onay gerektirir. Nesne ve dizileri ham girdi üzerinden düzenleyin.
- Arama, anahtarları ve dize değerlerini, dizilerin içindeki dizeler dahil, eşleştirir. Tam konumunu görmek için bir eşleşme seçin.
- Sayılar JavaScript'in sayısal kesinliğini kullanır.
Ücretsiz çevrimiçi JSON Ağaç Görüntüleyici, doğrulayıcı ve düzenleyici
Bu JSON Ağaç Görüntüleyici, ham JSON verilerini en derin iç içe nesnelerin bile kolayca keşfedilebildiği etkileşimli, daraltılabilir bir ağaç yapısına dönüştürür. Bir JSON dizesi yapıştırın, bir .json dosyası yükleyin veya sayfaya sürükleyip bırakın; araç verilerinizi anında doğrular, ayrıştırır ve dizeler, sayılar, mantıksal değerler ve null değerleri için renk kodlu türler içeren gezilebilir bir hiyerarşide görüntüler.
Araç, görselleştirmenin ötesinde hafif bir JSON düzenleyici olarak da kullanılabilir. Düzenleme ve silme düğmelerini göstermek için ağaçtaki herhangi bir ilkel değerin üzerine gelin; böylece ayrı bir düzenleyiciye geçmeden verileri yerinde değiştirebilirsiniz. Değişiklikler temel JSON verisine anında yansır; ardından veriyi kopyalayabilir veya indirebilirsiniz. Yerleşik JSON doğrulayıcı, söz dizimi hatalarını gerçek zamanlı vurgular; otomatik düzeltme özelliği ise tırnaksız anahtarlar, tek tırnaklar ve sondaki virgüller gibi yaygın hataları düzeltir.
Güçlü arama işlevi tüm yapıdaki anahtar ve değerleri bulmanızı sağlarken istatistik paneli toplam anahtar, nesne, dizi, dize, sayı, mantıksal değer ve null sayıları ile en fazla derinlik ve bayt boyutunun dökümünü sunar. İster bir API yanıtında hata ayıklayın, ister yapılandırma dosyasını inceleyin, ister veritabanı dışa aktarımını analiz edin, bu çevrimiçi JSON Ağaç Görüntüleyici iş akışınızı hızlı, verilerinizi gizli tutar; her şey sunucuya yükleme olmadan tarayıcınızda çalışır.
Temel özellikler
- Genişlet, daralt, tümünü genişlet ve tümünü daralt kontrolleriyle etkileşimli ağaç görünümü
- Açıklayıcı hata mesajlarıyla gerçek zamanlı JSON doğrulaması
- Yaygın JSON hatalarını otomatik düzeltme: tırnaksız anahtarlar, tek tırnaklar, sondaki virgüller ve undefined değerleri
- Doğrudan ağaç görünümünde değerleri yerinde düzenleme ve silme
- Vurgulanan sonuçlar ve yol gösterimiyle anahtar ve değer araması
- JSON istatistik paneli: toplam anahtar, nesne, dizi, dize, sayı, mantıksal değer ve null sayıları, en fazla derinlik ve boyut
- Ham JSON girdisi için biçimlendirme (okunabilir yazdırma) ve küçültme arasında geçiş
- Dosya yükleme, sürükleyip bırakma, panoya kopyalama ve .json olarak indirme
- Ağaç görünümü ve kod görünümü arasında geçiş
- Ağaca en geniş görüntüleme alanını sağlamak için daraltılabilir girdi paneli
JSON Ağaç Görüntüleyici nasıl kullanılır?
- JSON verinizi yükleyin: JSON'u girdi alanına yapıştırın, bir .json dosyası seçmek için "Yükle" düğmesine tıklayın, girdi alanına bir dosya sürükleyin veya demo için "Örnek yükle" düğmesine tıklayın.
- Doğrulayın ve ayrıştırın: Araç JSON verinizi gerçek zamanlı doğrular. Hatalar algılanırsa yaygın sorunları otomatik düzeltmek için "JSON hatalarını düzelt" düğmesine tıklayın.
- Ağacı keşfedin: Düğümleri genişletmek veya daraltmak için tıklayın. Toplu gezinme için "Tümünü genişlet" ve "Tümünü daralt" kontrollerini kullanın.
- Veri arayın: Eşleşen kayıtları tam yollarıyla bulmak için arama çubuğuna bir anahtar adı veya değer yazın.
- Değerleri düzenleyin veya silin: İlkel bir değerin yanındaki düzenleme veya silme kontrollerini kullanın. Bu kontroller dokunmatik ekranlarda da kullanılabilir; silme işlemi onay gerektirir.
- Verilerinizi dışa aktarın: JSON'u panonuza almak için "Kopyala", .json dosyası olarak kaydetmek için "İndir" düğmesine tıklayın.
Kullanım alanları
- API yanıtlarında hata ayıklama: Yapısını görselleştirmek ve belirli alanları hızla bulmak için REST veya GraphQL yanıtı yapıştırın.
- Yapılandırma dosyası inceleme: Yapısını ve değerlerini doğrulamak için package.json, tsconfig.json veya herhangi bir yapılandırma dosyası yükleyin.
- Veri yapısı analizi: JSON yükünün karmaşıklığını, iç içe geçme derinliğini, anahtar sayısını ve bayt boyutunu anlamak için istatistik panelini kullanın.
- Hızlı JSON düzenleme: Tam bir IDE veya metin düzenleyici açmadan JSON verilerinde küçük düzeltmeler yapın.
- Hata düzeltme: Günlüklerden veya üçüncü taraf kaynaklardan gelen bozuk JSON'u uygulamanızda işlemeden önce otomatik düzeltme özelliğiyle düzeltin.
- Veritabanı dışa aktarımı inceleme: MongoDB, Firebase veya diğer belge veritabanlarından dışa aktarılan JSON'u okunabilir biçimde inceleyin.
- Öğretme ve öğrenme: JSON, API'ler ve veri modellemeyi öğrenen öğrenciler için iç içe veri yapılarını görselleştirin.
Sıkça sorulan sorular
Bu araç ücretsiz mi?
Evet, JSON Ağaç Görüntüleyici tamamen ücretsizdir; kayıt, erişim için reklam izleme zorunluluğu veya kullanım sınırı yoktur. İhtiyacınız kadar JSON görüntüleyin, doğrulayın, düzenleyin ve dışa aktarın.
Verilerim güvende mi?
Evet. Tüm ayrıştırma, doğrulama, düzenleme ve arama işlemleri tamamen tarayıcınızda gerçekleşir. Hiçbir veri uzak bir sunucuya gönderilmez; bu nedenle kuruma özel, dahili veya hassas JSON verileriyle güvenle kullanılabilir.
Otomatik düzeltme hangi JSON hatalarını düzeltebilir?
Onarma işlemi, tırnaksız anahtarlar, tek tırnaklar, sondaki virgüller ve undefined değerleri için mevcut düzeltmeleri dener. Denenen girdiyi inceleme için görünür tutar. Onarımlar bozuk verileri değiştirebilir ve amaçlanan anlamı garanti etmez; zaten geçerli olan JSON değişmeden kalır.
JSON dosyaları için boyut sınırı var mı?
Yüklenen ve sürüklenip bırakılan dosyalar, tam sınırdaki dosyalar dahil 25 MiB'a kadar kabul edilir. Görüntüleyici, düzenleme ve dışa aktarma için tüm verileri tutarken görünür ağaç düğümlerini sayfalar. Büyük veya çok derin iç içe geçmiş JSON yine de daha fazla zaman veya bellek gerektirebilir.
Ağaçtaki iç içe nesneleri veya dizileri düzenleyebilir miyim?
Şu anda yerinde düzenleme ve silme, ilkel değerler (dizeler, sayılar, mantıksal değerler ve null değerleri) için kullanılabilir. İç içe nesneleri veya dizileri değiştirmek için girdi paneline geçin ve ham JSON'u doğrudan düzenleyin.
İpuçları ve en iyi uygulamalar
- Keşfetmeden önce biçimlendirin: Girdiyi okunabilir biçimde yazdırmak ve ham metni ağaç görünümüyle birlikte daha kolay okumak için "JSON'u biçimlendir" düğmesine tıklayın.
- Girdi panelini daraltın: JSON yüklendikten sonra derin hiyerarşiler için ağaca en geniş ekran alanını sağlamak üzere girdi panelini gizleyin.
- Büyük dosyalarda aramayı kullanın: Büyük bir JSON'da düğümleri elle genişletmek yerine doğrudan eşleşmelere gitmek için arama çubuğuna bir anahtar veya değer yazın.
- Hızlı denetimler için istatistikleri kontrol edin: Tek tek düğümleri incelemeden önce veri karmaşıklığına hızlı bir genel bakış için "İstatistikleri göster" düğmesini kullanın.
- Kolaylık için sürükleyip bırakın: Verileri en hızlı şekilde yüklemek için bir .json dosyasını doğrudan dosya yöneticinizden girdi alanına sürükleyin.
- Düzenlemelerden sonra indirin: Yerinde düzenleme yaptıktan sonra değiştirilmiş JSON'u orijinalin üzerine yazmak yerine yeni bir dosya olarak kaydetmek için "İndir" düğmesine tıklayın.