Langkau ke kandungan utama
LibraTool logoLibraTool

Pemformat JSON percuma

Format, sahkan, kecilkan dan teroka data JSON. Paparan pokok, penyerlahan sintaks dan salinan satu klik.

Berfungsi luar talian selepas dimuatkan

Kegunaan biasa

  • Format Respons APITempel respons JSON API mentah dan format langsung menjadi output yang dapat dibaca dan indentasi.
  • Format File Konfigurasi JSONBersihkan dan validasi file konfigurasi JSON - package.json, tsconfig.json, pengaturan, dan lainnya.
  • Format JSON untuk DebuggingUrai log JSON yang diminifikasi atau diloloskan, muatan kesalahan, dan keluaran basis data dengan segera.
  • Format File Terjemahan JSONValidasi dan perbaiki file terjemahan i18n JSON (en.json, de.json) yang digunakan di aplikasi React, Vue, dan Next.js.
  • Inspeksi dan Format Muatan WebhookTempel muatan webhook dari Stripe, GitHub, atau Shopify dan bacalah dengan format yang jelas.

Cara ia berfungsi

Pemformat berjalan sepenuhnya dalam pelayar anda menggunakan JSON.parse dan JSON.stringify terbina dalam JavaScript β€” tiada pustaka, tiada pelayan. Penghuraian, pemformatan, minifikasi, dan paparan pokok interaktif kesemuanya berlaku secara tempatan semasa anda menaip.

  1. 1
    Penghuraian langsung pada input
    JSON.parse berjalan 200 ms selepas ketukan kekunci terakhir anda. Jika penghuraian gagal, fungsi lokasi-ralat tulisan tangan membaca mesej SyntaxError daripada V8 atau Firefox, mengekstrak nombor baris dan lajur, dan menawarkan pautan lompat-ke-ralat dalam textarea.
  2. 2
    Pengesanan integer tidak selamat
    Sebelum memaparkan output, alat ini mengimbas sumber mentah untuk literal integer 16 atau lebih digit (mengabaikan yang di dalam rentetan bertanda petik), kemudian menguji setiap satu dengan Number.isSafeInteger. Jika mana-mana akan dibundarkan secara senyap oleh penyimpanan double IEEE-754, amaran muncul sebelum anda menyalin atau memuat turun.
  3. 3
    Pemformatan, minifikasi, dan pengisihan kunci
    JSON.stringify(value, null, indent) menghasilkan output diformat atau diminify. Apabila isih-kunci dihidupkan, fungsi rekursif melalui setiap objek dalam pokok dihurai dan membina semulanya dengan Object.keys(...).sort() sebelum penyirian β€” tatasusunan dibiarkan dalam susunan asalnya.
  4. 4
    Paparan pokok interaktif
    Paparan pokok ialah kepipihan rekursif tulisan tangan yang menukar objek dihurai kepada senarai nod rata dengan kedalaman, laluan, dan state kembang/runtuh. Pemaparan dihadkan pada 5,000 nod boleh lihat untuk mencegah tab daripada beku pada dokumen berbilang-megabait dengan tatasusunan besar dikembangkan.

Segalanya berjalan secara tempatan dalam pelayar anda β€” JSON anda tidak pernah dihantar ke mana-mana pelayan.

Alat berkaitan

πŸ—œοΈ

Pemampat & Pemformat CSS

Mampatkan CSS untuk mengurangkan saiz fail atau cantikkan CSS yang dimampatkan untuk kebolehbacaan. Segera, dalam pelayar anda.

Cuba
🎨

Pemercantik CSS

Kemaskan CSS yang telah dikecilkan dengan inden yang konsisten, atau kecilkan CSS. Pilihan menyusun sifat mengikut abjad untuk perbandingan perubahan yang lebih mudah dijangka.

Cuba
🌐

Pemercantik & Pemampat HTML

Cetak cantik atau mampatkan HTML dengan inden bersarang yang betul. Memelihara kandungan di dalam blok <pre>, <script>, <style>.

Cuba

Soalan lazim