Vai al contenuto principale
LibraTool logoLibraTool

Formattatore JSON gratis

Formatta, convalida, minimizza ed esplora dati JSON. Vista ad albero, evidenziazione della sintassi e copia con un clic.

Funziona offline una volta caricato

Usi comuni

  • Formatta Risposte APIIncolla risposte JSON API grezze e formattale istantaneamente in output leggibile e indentato.
  • Formatta File di Configurazione JSONPulisci e convalida file di configurazione JSON — package.json, tsconfig.json, impostazioni e altro.
  • Formatta JSON per il DebugScatena log JSON ridotti o con escape, payload di errore e output di database istantaneamente.
  • Formatta File di Traduzione JSONConvalida e abbellisci file JSON di traduzione i18n (en.json, de.json) utilizzati in app React, Vue e Next.js.
  • Ispeziona e Formatta Payload WebhookIncolla payload webhook grezzi da Stripe, GitHub o Shopify e leggili chiaramente formattati.

Come funziona

Il formattatore funziona interamente nel tuo browser usando JSON.parse e JSON.stringify integrati di JavaScript — nessuna libreria, nessun server. Analisi, formattazione, minificazione, e la vista ad albero interattiva avvengono tutte localmente mentre digiti.

  1. 1
    Analisi dal vivo sull'input
    JSON.parse viene eseguito 200 ms dopo la tua ultima pressione di tasto. Se l'analisi fallisce, una funzione di localizzazione errore scritta a mano legge il messaggio SyntaxError da V8 o Firefox, estrae il numero di riga e colonna, e offre un link vai-all'errore nell'area di testo.
  2. 2
    Rilevamento di interi non sicuri
    Prima di visualizzare l'output, lo strumento scansiona la sorgente grezza per letterali interi di 16 o più cifre (ignorando quelli dentro stringhe tra virgolette), poi testa ognuno con Number.isSafeInteger. Se uno di essi verrebbe arrotondato silenziosamente dall'archiviazione double IEEE-754, appare un avviso prima che tu copi o scarichi.
  3. 3
    Formattazione, minificazione, e ordinamento delle chiavi
    JSON.stringify(value, null, indent) produce l'output formattato o minificato. Quando ordina chiavi è attivo, una funzione ricorsiva attraversa ogni oggetto nell'albero analizzato e lo ricostruisce con Object.keys(...).sort() prima della serializzazione — gli array vengono lasciati nel loro ordine originale.
  4. 4
    Vista ad albero interattiva
    La vista ad albero è un appiattimento ricorsivo scritto a mano che converte l'oggetto analizzato in un elenco piatto di nodi con profondità, percorso, e stato espandi/comprimi. Il rendering è limitato a 5.000 nodi visibili per prevenire che la scheda si blocchi su documenti multi-megabyte con grandi array espansi.

Tutto funziona localmente nel tuo browser — il tuo JSON non viene mai inviato a un server.

Strumenti correlati

🗜️

Minificatore e Abbellitore CSS

Minifica il CSS per ridurre le dimensioni del file o abbellisci il CSS minificato per la leggibilità. Istantaneo, nel tuo browser.

Prova
🎨

Abbellitore CSS

Formatta il CSS minificato con un’indentazione coerente, oppure minificalo. Ordinamento alfabetico delle proprietà facoltativo per diff prevedibili.

Prova
🌐

Abbellitore e Minificatore HTML

Formatta o minifica HTML con corretta indentazione delle sezioni. Preserva il contenuto all'interno dei blocchi <pre>, <script>, <style>.

Prova

Domande frequenti