Tüm araçlar

JSON Formatlayıcı

JSON güzelleştir, küçült veya doğrula

134.0 B
{
"name": "Ada",
"age": 30,
"skills": [
"js",
"ts"
],
"address": {
"city": "İstanbul",
"zip": "34000"
}
}

Nasıl çalışır

JSON Formatlayıcı — JSON güzelleştir, küçült veya doğrula. Tüm işlemler tarayıcında yapılır — yükleme yok, üyelik yok, e-posta gerek yok. Sonsuza dek ücretsiz.

Son güncelleme:

JSON Formatlayıcı hakkında

JSON Formatter, JSON içeriğini tarayıcında güzelleştirir, sıkıştırır ve doğrular. Code review için pretty-print JSON istesen de config dosyası için tek satıra düşürmek istesen de JSON formatlama anında, sunucuya veri göndermeden gerçekleşir.

Backend geliştiriciler API yanıtlarını yapıştırıp incelemek, QA mühendisleri webhook payload'larını doğrulamak, veri analistleri export edilen JSON'u temizleyip script'e almak için kullanır. Tam ekran modu özellikle derin iç içe nesneleri gözden geçirirken işe yarar.

Doğrulayıcı, hatalı JSON'da net bir parse hata mesajı verir; eksik virgül veya kaçışsız tırnak avlamak için biçilmiş kaftandır. JSON güzelleştirme her zaman yerel kalır.

JSON Formatlayıcı nasıl kullanılır

  1. JSON'unu soldaki Paste JSON alanına yapıştır.
  2. Pretty-print için Beautify, tek satıra indirmek için Minify'a tıkla.
  3. Projenin stiline uygun girinti seç: 2 boşluk, 4 boşluk veya tek satır.
  4. Girdi hatalıysa kırmızı mesajı oku, parse problemini bulup girdide düzelt.
  5. Çıktıdaki Copy butonuyla sonucu panoya gönder veya geniş alan için Fullscreen'i aç.

Yaygın kullanım senaryoları

  • Uzun bir REST API yanıtını okunaklı, girintili yapıya dönüştürerek incelemek.
  • Config dosyalarını (package.json, tsconfig.json, manifest) sıkıştırıp veya girintiyi normalleştirmek.
  • Webhook payload'unun beklenen JSON şeklini taşıyıp taşımadığını backend'e iletmeden önce doğrulamak.
  • Postman veya curl çıktısını temizleyip bug raporu ya da pull request'e yapıştırmak.
  • JSON'u HTML data-attribute veya environment variable'a gömmeden önce boşluklarını kırpmak.

İpuçları ve dikkat edilmesi gerekenler

  • "Unexpected token } in JSON at position 142" gibi bir hata genelde o köşeli/küme parantezinden hemen önceki trailing comma'dan kaynaklanır.
  • JSON anahtarları çift tırnak içinde olmalı — tek tırnak JavaScript-vs-JSON karışıklığının en sık hatasıdır.
  • Çok büyük payload'lar için fullscreen modu aç ve scroll yerine collapse oklarıyla gez.
  • Minified çıktı depolama için harika ama git'e commit'lemeden önce mutlaka beautify et — diff'ler okunabilir kalsın.

Sıkça sorulan sorular

JSON'umu doğruluyor mu?

Evet. Girdi geçersizse kırmızı hata mesajı parse hatası detaylarıyla gösterilir, çıktı görünmez.

Yorum veya trailing comma destekliyor mu?

Hayır. Sadece strict JSON — yorumlar ve trailing comma JSON spec'ine göre yasak. Bunlar lazımsa JSON5 kullan.

Büyük objeler tek bir bölüme odaklanmak için collapse edilebilir mi?

Evet. Herhangi bir obje veya array yanındaki chevron'a tıklayarak collapse et. Tam ekran toggle büyük payload'lar için maksimum alan verir.

Beautify, verimin anlamını değiştirir mi?

Hayır. Beautify ve Minify yalnızca whitespace değiştirir; parse edilen nesne aynıdır. Sayılar, string'ler ve anahtar sırası olduğu gibi kalır.

JSON'um neden NaN veya Infinity ile parse olmuyor?

JSON spesifikasyonu NaN, Infinity veya undefined'a izin vermez — bunlar yalnızca JavaScript'e özgü. null ile değiştir veya JS dışı bir sistemden round-trip yapacaksan string'e sar.

Anahtarları alfabetik sıralayabilir miyim?

Bu araç doğrudan yapmıyor. Beautify sonrası küçük bir Node.js veya Python parçacığında JSON.stringify(obj, Object.keys(obj).sort()) kullan — anahtar sıralaması bazı API'lerde anlamı değiştirebilir, bu yüzden default'ta yazıldığı gibi bırakıyoruz.

Blogdan son yazılar

İlgili araçlar