json formatter

Pemformat JSON - yang asli

Ekstensi Chrome yang memformat JSON secara otomatis saat Anda melihatnya di tab browser.

Fitur

• Cepat , bahkan pada halaman JSON yang sangat panjang
• Mode gelap
• Penyorotan sintaksis
• Pohon yang bisa dilipat, dengan pemandu lekukan
• URL yang dapat diklik
• Dampak kinerja yang dapat diabaikan pada halaman non-JSON (kurang dari 1 milidetik)
• Berfungsi pada halaman JSON mana pun yang valid – URL tidak masalah
• Tombol untuk beralih antara JSON mentah dan yang diurai
• JSON yang diurai diekspor sebagai variabel global json , sehingga Anda dapat memeriksanya di konsol *

*Mengetik json di konsol tidak berfungsi sejak Manifest v3. Jika Anda memerlukan solusi, tempelkan cuplikan ini ke konsol:

 json = JSON . parse ( document . getElementById ( "jsonFormatterRaw" ) . querySelector ( "pre" ) . innerText )

Beberapa dokumen JSON untuk mengujinya di: https://callumlocke.github.io/json-formatter/

Instalasi

Opsi 1 (disarankan) – Instal dari Toko Web Chrome.

Opsi 2 – Instal dari sumber (lihat di bawah).

Perkembangan

Persyaratan: Deno (dan Node untuk saat ini).

Pengaturan awal:

• Repo klon
• Jalankan pnpm i untuk mendapatkan pengetikan TypeScript untuk chrome (atau gunakan npm i jika Anda mau)
• Opsional: jika menggunakan VSCode dan Anda perlu mengotak-atik skrip build Deno, instal plugin resmi Deno dan setel "deno.enablePaths": ["tasks"] .

Untuk membangunnya:

• Jalankan deno task build

Untuk membangun dan membangun kembali setiap kali file berubah:

• Jalankan deno task dev

Untuk memasang bangunan lokal Anda ke Chrome

• Buka Chrome dan buka chrome://extensions
• Aktifkan "Mode pengembang",
• Klik "Muat dibongkar",
• Pilih folder dist yang Anda buat di atas.

Pertanyaan Umum

Mengapa angka yang besar tidak ditampilkan secara akurat?

Ini adalah batasan JavaScript dan oleh karena itu merupakan batasan JSON sebagaimana ditafsirkan oleh browser web Anda.

• Apa pun di atas Number.MAX_SAFE_INTEGER ( 2^53 - 1 atau 9007199254740991 ) disesuaikan hingga ke angka tersebut.
• Apa pun di bawah Number.MIN_SAFE_INTEGER ( -2^53 + 1 atau -9007199254740991 ) disesuaikan hingga angka tersebut.
• Angka floating point yang sangat presisi dibulatkan menjadi 16 digit.

Ini bukan JSON Formatter yang melakukan ini, ini adalah JSON.parse asli di V8. JSON Formatter menunjukkan nilai yang diurai , persis sama dengan apa yang akan Anda lihat setelah memuat JSON dalam JavaScript.

Jika titik akhir API Anda benar-benar perlu merepresentasikan angka di luar rentang aman JavaScript, titik akhir tersebut harus mengutipnya sebagai strings .

Mengapa kunci objek terkadang berada dalam urutan yang salah?

Apa yang Anda lihat di JSON Formatter adalah representasi dari objek/array yang diurai . Urutannya sama dengan yang Anda dapatkan dengan Object.keys( JSON.parse(json) ) dalam JavaScript.

Secara historis, standar JavaScript secara eksplisit menyatakan bahwa kunci objek dapat diulang dalam urutan apa pun, dan V8 mengambil keuntungan dari ini dengan memindahkan kunci string numerik (seperti "1" atau "99999" ) ke atas untuk memfasilitasi sedikit optimasi kinerja. Detail implementasi V8 ini telah distandarisasi.

Tapi saya hanya ingin melihat dengan tepat apa yang dikeluarkan server

Untuk saat ini, opsi terbaik Anda adalah menggunakan tombol "Mentah" untuk melihat JSON mentah. Ini adalah apa yang dikirim server. Tombol "Parsed" mewakili apa yang akan Anda dapatkan dari JSON.parse .

Di masa mendatang, JSON Formatter mungkin beralih dari penggunaan JSON.parse ke parser khusus (jika kinerja memungkinkan) untuk mendeteksi kapan suatu nilai telah 'diubah' dengan mengurai dan menampilkan peringatan yang sesuai.