Ana içeriğe geç
LibraTool logoLibraTool

Ücretsiz JSON Biçimlendirici

JSON verilerini biçimlendirin, doğrulayın, küçültün ve keşfedin. Ağaç görünümü, sözdizimi vurgulama ve tek tıklamayla kopyalama.

Yüklendikten sonra çevrimdışı çalışır

Yaygın kullanımlar

  • API Yanıtlarını BiçimlendirHam API JSON yanıtlarını yapıştırın ve anında okunabilir, girintili çıktıya biçimlendirin.
  • JSON Yapılandırma Dosyalarını BiçimlendirJSON yapılandırma dosyalarını temizleyin ve doğrulayın — package.json, tsconfig.json, ayarlar ve daha fazlası.
  • Hata Ayıklama için JSON BiçimlendirKüçültülmüş veya kaçılmış JSON günlüklerini, hata yüklerini ve veritabanı çıktılarını anında çözün.
  • JSON Çeviri Dosyalarını BiçimlendirReact, Vue ve Next.js uygulamalarında kullanılan i18n çeviri JSON dosyalarını (en.json, de.json) doğrulayın ve güzelleştirin.
  • Webhook Yüklerini İnceleyip BiçimlendirStripe, GitHub veya Shopify'dan ham webhook yüklerini yapıştırın ve temiz biçimlendirilmiş şekilde okuyun.

Nasıl çalışır

Biçimlendirici tamamen tarayıcınızda JavaScript'in yerleşik JSON.parse ve JSON.stringify işlevleriyle çalışır — kütüphane yok, sunucu yok. Ayrıştırma, biçimlendirme, küçültme ve etkileşimli ağaç görünümü siz yazarken yerel olarak gerçekleşir.

  1. 1
    Girdide canlı ayrıştırma
    JSON.parse son tuş vuruşunuzdan 200 ms sonra çalışır. Ayrıştırma başarısız olursa, elle yazılmış bir hata konumu işlevi V8 veya Firefox'tan gelen SyntaxError mesajını okur, satır ve sütun numarasını çıkarır ve metin alanında hataya atlama bağlantısı sunar.
  2. 2
    Güvenli olmayan tam sayı algılama
    Çıktıyı göstermeden önce araç ham kaynağı 16 veya daha fazla basamaklı tam sayı değişmezleri için tarar (tırnaklı dizelerin içindekileri yok sayarak), ardından her birini Number.isSafeInteger ile test eder. Herhangi biri IEEE-754 çift duyarlıklı depolama tarafından sessizce yuvarlanacaksa, kopyalamadan veya indirmeden önce bir uyarı görünür.
  3. 3
    Biçimlendirme, küçültme ve anahtar sıralama
    JSON.stringify(value, null, indent) biçimlendirilmiş veya küçültülmüş çıktıyı üretir. Anahtar sıralama açıkken, özyinelemeli bir işlev ayrıştırılmış ağaçtaki her nesneyi dolaşır ve serileştirmeden önce Object.keys(...).sort() ile yeniden oluşturur — diziler orijinal sıralarında bırakılır.
  4. 4
    Etkileşimli ağaç görünümü
    Ağaç görünümü, ayrıştırılmış nesneyi derinlik, yol ve genişlet/daralt durumuna sahip düz bir düğüm listesine dönüştüren elle yazılmış özyinelemeli bir düzleştirmedir. Büyük genişletilmiş diziler içeren çok megabaytlık belgelerde sekmenin donmasını önlemek için görüntüleme 5.000 görünür düğümle sınırlıdır.

Her şey tarayıcınızda yerel olarak çalışır — JSON'unuz hiçbir sunucuya gönderilmez.

İlgili araçlar

🗜️

CSS Küçültücü ve Güzelleştirici

Dosya boyutunu azaltmak için CSS'i küçültün veya okunabilirlik için küçültülmüş CSS'i güzelleştirin. Anında, tarayıcınızda.

Deneyin
🎨

CSS Güzelleştirici

Küçültülmüş CSS'i tutarlı girintilerle düzenleyin ya da küçültün. Öngörülebilir farklar için isteğe bağlı alfabetik özellik sıralaması.

Deneyin
🌐

HTML Güzelleştirici ve Küçültücü

HTML'yi uygun yuvalama girintisiyle güzel yazdırın veya küçültün. <pre>, <script>, <style> bloklarındaki içeriği korur.

Deneyin

Sık sorulan sorular