Biçimlendirme ve küçültme
2 boşluk, 4 boşluk ya da sekmeyle girintileyin veya boşlukların her baytını silin. Önceki ve sonraki boyut gösterildiği için ne kazandığınızı görürsünüz.
JSON’u yapıştırın; biçimlendirin, doğrulayın, güzelleştirin ya da küçültün, sonra sonucu katlanabilir bir ağaçta inceleyin. Her şey tarayıcınızda çalışır. Hiçbir şey yüklenmez.
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.
Aşağıdaki her şey yukarıdaki düzenleyicinin parçası — ne ek satış ne de ziyaret edilecek ikinci bir sayfa var.
2 boşluk, 4 boşluk ya da sekmeyle girintileyin veya boşlukların her baytını silin. Önceki ve sonraki boyut gösterildiği için ne kazandığınızı görürsünüz.
Geçersiz JSON’da satır, sütun, hatalı kaynak satırı ve altındaki işaretle birlikte ayrıştırıcının ne beklediği sade bir dille anlatılır.
Sondaki virgüller, tek tırnaklar, tırnaksız anahtarlar, // yorumları, Python’un True/None değerleri, JSONP sarmalayıcıları ve satır ayrımlı JSON: hepsi tek tıkla kurtarılır.
Düğümler yalnızca açtığınızda oluşur ve uzun diziler parça parça yüklenir; böylece birkaç megabaytlık belge sekmeyi kilitlemeden açılır.
Arama görünen DOM yerine ayrıştırılmış veriyi tarar; kapalı dalların içindeki eşleşmeler de bulunur ve ağaç onları göstermek için kendiliğinden açılır.
Nesnelerden oluşan bir dizi, tüm anahtarların birleşimini sütun yapan bir tabloya dönüşür ve tek tıkla CSV’ye aktarılır.
Ağaçtaki her satır kendi değerini ya da ona ulaşan JSONPath ifadesini — $.limits.retry.attempts — kodunuza yapıştırmaya hazır biçimde kopyalar.
Nesne ve dizi sayısı, toplam ve benzersiz anahtarlar, değer sayısı, en büyük iç içe geçme derinliği ve belge boyutu — yazarken yeniden hesaplanır.
Reklam yok, çerez bildirimi yok, kayıt duvarı yok, “çevrimiçi kaydet” istemi yok. Her işlemin kısayolu var ve ağaç ARIA tree desenini izler.
JSON biçimlendirici belgeyi ayrıştırır ve satır sonlarıyla girintilerle yeniden yazar; böylece tek uzun satır hâlinde gelen bir yük okunabilir hâle gelir. Bu sayfada aynı geçiş doğrulama da yapar: ayrıştırılabilen girdi yeniden girintilenip ağaç olarak çizilir, ayrıştırılamayan girdi ise ilk sözdizimi hatasında satır, sütun ve sorunlu karakterle birlikte durur. Biçimlendirme yalnızca belirteçler arasındaki boşluğa dokunur — anahtarlarınız, değerleriniz ve sıraları olduğu gibi döner.
Ayrıştırma tarayıcınızın kendi JSON.parse işlevini kullanır; bu yüzden belge hiçbir
yere gönderilmez ve araç ağ bağlantısı kesikken de çalışmaya devam eder.
Bu; hata ayıkladığınız API yanıtlarını, yapılandırma dosyalarını, içinde JSON geçen günlük satırlarını ve teste girmeden önce denetlediğiniz sabit verileri kapsar.
Aşağıdaki sayfaların hepsi aynı düzenleyiciyi çalıştırır; işe uygun bölmede açılır ve daha ayrıntılı anlatılır: JSON biçimlendirici girinti seçimlerini ve komut satırındaki karşılıklarını ele alır, JSON doğrulayıcı geliştiricilerin en çok yaptığı sözdizimi hatalarını listeler, JSON görüntüleyici büyük belgelerde aramayı ve yol kopyalamayı açıklar, JSON güzelleştirici küçültülmüş ve kaçış karakterli girdiyle uğraşır, JSON küçültücü ise boşluğun gerçekte kaç bayta mal olduğunu gösterir.
JSON biçimlendirici, bir JSON belgesini ayrıştırıp tutarlı satır sonları ve girintilerle yeniden yazan araçtır; tek satırlık bir API yanıtını insanın okuyabileceği bir şeye dönüştürür. Girdiyi önce ayrıştırmak zorunda olduğu için biçimlendirici aynı zamanda doğrulayıcıdır: ayrıştırılamayan şey yeniden biçimlendirilmek yerine bir hatayla durur. Biçimlendirme yalnızca belirteçler arasındaki boşluğu değiştirir; anahtarlar, değerler, türler ve sıra girdiğiyle aynı çıkar.
Belgeyi yukarıdaki girdi bölmesine yapıştırın ve Biçimlendir’e basın. Girinti seçicisinden 2 boşluk, 4 boşluk ya da sekme seçin ve sonucu ağaç, metin veya tablo olarak okuyun. Kopyala ve İndir sonucu dışarı çıkarır. Hesap yok, yükleme yok, bekleme yok.
Biçimlendirici “bunu nasıl okurum?” sorusunu, doğrulayıcı “bu doğru mu?” sorusunu yanıtlar. Aynı ayrıştırma her ikisini de yapar; bu yüzden bu sayfa biçimlendirirken sözdizimi hatalarını da bildirir. Ayrı JSON doğrulayıcı, denetlemenin işin tamamı olduğu durumlar için: hata bölmesinde açılır ve satırı, sütunu, altında işaret bulunan kaynak satırını ve ayrıştırıcının orada ne beklediğini sade bir dille verir. İkisi de belgenizi bir JSON Schema’ya göre denetlemez — o, sözdizimi değil biçim sorusudur.
Bildirilen konumdan başlayın, çünkü hataların çoğu tek bir karakterdir. Alışıldık suçlular: } veya ] öncesinde sondaki virgül, çift tırnak yerine tek tırnak, tırnaksız özellik adları, // yorumları ve Python’un True/False/None değerleri — JavaScript ya da Python’da geçerli, JSON’da hiçbiri geçerli değil. Onar’a basın; bunların her biri JSONP sarmalayıcıları ve satır ayrımlı kayıtlarla birlikte yeniden yazılır.
Belgeyi yapıştırıp Küçült’e basın: belirteçler arasındaki boşluk silinir ve önceki-sonraki boyut gösterilir. Ağ üzerinden göndereceğiniz ya da saklayacağınız veriler için kazançlı; geri almak da bedava — Biçimlendir işlemi bayt bayt geri çevirir. JSON küçültücü doğrudan bu görünümde açılır.
Evet. Ağaç görünümü herhangi bir dalı açıp kapatır ve arama görünen DOM yerine ayrıştırılmış veriyi tarar; kapalı bir nesnenin içine gömülü eşleşme de bulunur ve ağaç onu göstermek için açılır. Her satır kendi değerini ya da ona ulaşan JSONPath’i kopyalar. Satırlar yalnızca açtığınızda oluşur ve uzun diziler parça parça yüklenir; büyük belgeyi akıcı tutan da budur. JSON görüntüleyici ayrıntısına girer.
Hayır. Sayfa tarayıcının yerleşik JSON.parse işlevini çağırır, dosya yükleme ise yerel File API’yi kullanır. Biçimlendirmede, doğrulamada ve görüntülemede hiçbir arka uç yer almaz. Sayfa yüklendikten sonra ağ bağlantısını kesebilirsiniz; her şey çalışmaya devam eder.
Doğrulama, RFC 8259 / ECMA-404 uygulayan tarayıcının kendi ayrıştırıcısını kullanır. Uygulama kodunuzun kullanacağı ayrıştırıcı da aynıdır; burada geçen bir belge üretimde de ayrıştırılır.
Birkaç megabaytlık belgeler rahatça çalışır. Ağaç yalnızca açtığınız düğümler için DOM oluşturur ve diziler bir seferde 200 alt öğe yükler. Yaklaşık 1,5 MB’ın üzerinde düzenleyici her tuş vuruşunda yeniden ayrıştırmayı bırakır ve Biçimlendir’e basmanızı bekler; böylece yazmak akıcı kalır.
En son belgeniz (500 KB’a kadar), girinti seçiminiz, görünüm tercihiniz ve temanız — hepsi kendi cihazınızdaki localStorage alanında, yenilemede işiniz kaybolmasın diye. Temizle belgeyi siler.
Veri işleme
Çevrimiçi biçimlendiricilerin çoğu belgenizi biçimlendirmek için bir sunucuya POST eder. Burada buna gerek yok: bir JSON aracının yapması gereken her şey tarayıcıda hazır.
JSON’unuz tarayıcının kendi JSON.parse işlevine verilir. API çağrısı yok, sunucuya gidiş dönüş yok ve belgenizi taşıyan hiçbir istek yok.
Yükleme ve sürükle-bırak dosyayı yerel File API ile okur. Baytlar makineden çıkmaz — ağ bağlantısı kapalıyken de JSON biçimlendirebilirsiniz.
Analitik yok, reklam ağı yok, CDN çağrısı yok, gömülü bileşen yok. Yazı tipleri derleme sırasında siteye gömülür, bu yüzden sayfa yalnızca bu kaynaktan yüklenir.
En son belgeniz, yenilemede işiniz kaybolmasın diye bu tarayıcının localStorage alanında tutulur (500 KB’a kadar). Cihazınızda kalır ve Temizle onu siler.
Kendiniz doğrulayın: tarayıcı geliştirici araçlarını açın, Ağ sekmesine geçin ve bir belge biçimlendirin. Hiçbir istek görmeyeceksiniz. Ya da sayfayı yükleyip çevrimdışı olun ve çalışmaya devam edin.
Her işlemin bir klavye yolu var. Ağaç ARIA tree desenini izler, bu yüzden ok tuşları fareye dokunmadan düğümler arasında gezinir.
| Tuşlar | İşlem |
|---|---|
| Ctrl / ⌘ + Enter | Belgeyi biçimlendir ve girintile |
| Ctrl / ⌘ + Shift + M | Belgeyi küçült |
| Ctrl / ⌘ + K | Ağaç arama kutusuna odaklan |
| Enter / Shift + Enter | Sonraki / önceki eşleşme |
| Ctrl / ⌘ + Shift + C | Çıktıyı kopyala |
| Ctrl / ⌘ + S | Çıktıyı indir |
| Tab | Düzenleyiciye girinti ekle |
| ↑ ↓ ← → | Ağaçta gezin, düğümleri aç ve kapat |
Aynı motor, aynı gizlilik — her sayfa tümüyle tarayıcınızda çalışır.
JSON’u 2 boşluk, 4 boşluk ya da sekmeyle girintileyin, sonra kopyalayın veya indirin.
JSON ağacını açın, kapatın ve arayın; her değeri ya da yolunu kopyalayın.
Sözdizimi hatalarını tam satır, sütun ve önerilen düzeltmeyle bulun.
Boşlukları silin ve önceki-sonraki bayt kazancını görün.
Küçültülmüş ya da bozuk JSON’u temiz, renklendirilmiş çıktıya dönüştürün.