Langsung ke konten utama
LibraTool logoLibraTool

Pemformat JSON gratis

Format, validasi, perkecil, dan jelajahi data JSON. Tampilan struktur pohon, penyorotan sintaksis, dan penyalinan sekali klik.

Berfungsi offline setelah dimuat

Penggunaan umum

  • Format Respons APITempel respons JSON API mentah dan segera format ke keluaran yang dapat dibaca dan diberi indentasi.
  • Format File Konfigurasi JSONBersihkan dan validasi file konfigurasi JSON β€” package.json, tsconfig.json, pengaturan, dan lainnya.
  • Format JSON untuk DebuggingUntangle JSON yang diminimalkan atau lolos, muatan kesalahan, dan keluaran database secara instan.
  • Format File Terjemahan JSONValidasi dan percantik file terjemahan JSON i18n (en.json, de.json) yang digunakan di aplikasi React, Vue, dan Next.js.
  • Inspeksi dan Format Muatan WebhookTempel muatan webhook mentah dari Stripe, GitHub, atau Shopify dan bacalah dengan format yang jelas.

Cara kerja

Pemformat berjalan sepenuhnya di browser Anda menggunakan JSON.parse dan JSON.stringify bawaan JavaScript β€” tanpa library, tanpa server. Penguraian, pemformatan, minifikasi, dan tampilan pohon interaktif semuanya terjadi secara lokal saat Anda mengetik.

  1. 1
    Penguraian langsung pada masukan
    JSON.parse berjalan 200 md setelah ketukan tombol terakhir Anda. Jika penguraian gagal, fungsi lokasi-error tulisan tangan membaca pesan SyntaxError dari V8 atau Firefox, mengekstrak nomor baris dan kolom, dan menawarkan tautan lompat-ke-error di textarea.
  2. 2
    Deteksi bilangan bulat tidak aman
    Sebelum menampilkan keluaran, alat ini memindai sumber mentah untuk literal bilangan bulat 16 digit atau lebih (mengabaikan yang di dalam string berkutip), lalu menguji masing-masing dengan Number.isSafeInteger. Jika ada yang akan dibulatkan secara diam-diam oleh penyimpanan double IEEE-754, peringatan muncul sebelum Anda menyalin atau mengunduh.
  3. 3
    Pemformatan, minifikasi, dan pengurutan kunci
    JSON.stringify(value, null, indent) menghasilkan keluaran terformat atau di-minify. Saat urutkan kunci aktif, fungsi rekursif menelusuri setiap objek dalam pohon yang diurai dan membangunnya kembali dengan Object.keys(...).sort() sebelum serialisasi β€” array dibiarkan dalam urutan aslinya.
  4. 4
    Tampilan pohon interaktif
    Tampilan pohon adalah perataan rekursif tulisan tangan yang mengonversi objek yang diurai menjadi daftar datar simpul dengan kedalaman, jalur, dan state buka/tutup. Rendering dibatasi pada 5.000 simpul terlihat untuk mencegah tab membeku pada dokumen multi-megabyte dengan array yang diperluas besar.

Semuanya berjalan secara lokal di browser Anda β€” JSON Anda tidak pernah dikirim ke server mana pun.

Alat terkait

πŸ—œοΈ

Minifier & Beautifier CSS

Minifikasi CSS untuk mengurangi ukuran file atau rapikan CSS yang sudah diminifikasi agar mudah dibaca. Instan, di browser Anda.

Coba
🎨

Beautifier CSS

Rapikan CSS yang diminify dengan indentasi konsisten, atau minify CSS. Opsi pengurutan properti secara alfabetis untuk perbandingan perubahan yang lebih mudah diprediksi.

Coba
🌐

Beautifier & Minifier HTML

Pretty-print atau minifikasi HTML dengan indentasi nesting yang tepat. Mempertahankan konten di dalam blok <pre>, <script>, <style>.

Coba

Pertanyaan yang sering diajukan