DT Dev Tools

JSON Formatter — Formattatore JSON con vista ad albero

Formatta, convalida e minimizza JSON con vista ad albero comprimibile, riga e colonna esatte dell'errore, ordinamento chiavi e supporto JSON5/JSONC, nel browser.

🔒 Funziona interamente nel tuo browser — nulla viene caricato

Questo strumento ti è stato utile? Valutalo:

Cosa fa JSON Formatter

JSON Formatter convalida il JSON mentre scrivi, poi lo riscrive con un'indentazione leggibile (2 spazi, 4 spazi o tabulazioni) oppure come valore compatto su una sola riga. È utile per ispezionare risposte API, metadati di pacchetti, snippet di configurazione, payload di webhook, valori dello storage del browser e fixture di test. Quando l'input non è valido, lo strumento indica riga e colonna esatte, stampa la riga incriminata con un cursore sotto il problema e può portare il cursore direttamente lì: così virgole finali, apici mancanti e parentesi sbilanciate si trovano in pochi secondi.

I documenti validi vengono mostrati anche come albero comprimibile. Oggetti e array indicano quante chiavi o elementi contengono, i figli vengono renderizzati solo quando apri un nodo, così i file di grandi dimensioni restano reattivi, e cliccando una chiave si copia il suo percorso JavaScript, come $.orders[3].total. Ordina le chiavi alfabeticamente per confrontare più facilmente due payload e apri o scarica direttamente file .json. I file di configurazione usano spesso JSONC o JSON5 con commenti, apici singoli e virgole finali; abilita l'opzione tollerante per leggerli e convertirli in JSON rigoroso.

Flusso di lavoro privato nel browser

Tutta l'elaborazione avviene con JavaScript nel browser. Lo strumento non carica su alcun server i tuoi testi, token, URL, snippet o valori generati e non richiede un account. Questo modello di privacy è importante perché le piccole utility ricevono spesso risposte API reali, esempi di configurazione, log, dati di autenticazione o esempi simili a dati dei clienti durante la risoluzione dei problemi. Lavorare in locale riduce i rischi e rende lo strumento istantaneo, perché non c'è alcuna comunicazione di rete.

Consigli pratici

Usa la formattazione leggibile mentre leggi dati annidati e minimizza quando ti serve un valore compatto per una variabile d'ambiente, una fixture o un esempio di documentazione. L'ordinamento delle chiavi cambia solo l'ordine delle proprietà degli oggetti, mai quello degli array, quindi è sicuro per le configurazioni ma può contare se un consumatore si affida all'ordine delle proprietà. La tua bozza viene conservata in questo browser per alcuni giorni, quindi un ricaricamento accidentale non la fa perdere: usa Clear quando lavori con dati sensibili. I numeri molto grandi oltre l'intervallo di interi sicuri di JavaScript perdono precisione durante il parsing: è una proprietà del JSON nel browser, non di questo strumento.

Come usare

  1. Incolla o apri il JSONIncolla il JSON o apri un file .json; viene convalidato mentre scrivi.
  2. Scegli le opzioniScegli 2 spazi, 4 spazi o tabulazioni, ordina le chiavi e, se serve, consenti JSON5/JSONC.
  3. Formatta, esplora e copiaFormatta in modo leggibile o minimizza, sfoglia la vista ad albero, poi copia o scarica il risultato.

Domande frequenti

Supporta commenti e virgole finali?
Sì, in modo facoltativo. Spunta "Consenti JSON5 / JSONC" per accettare commenti, virgole finali, apici singoli e chiavi senza apici (come in tsconfig.json o nelle impostazioni di VS Code); l'output è sempre JSON rigoroso.
Come trovo un errore di sintassi?
Lo stato mostra riga e colonna del primo errore, la riga incriminata con un cursore sotto il problema e un pulsante «Vai all'errore» che seleziona quel punto nell'editor.
C'è una vista ad albero?
Sì. Il JSON valido viene mostrato come albero comprimibile con il numero di elementi. Clicca su una chiave qualsiasi per copiarne il percorso, ad esempio $.users[0].email.
Il JSON viene caricato?
No. Il parsing e la formattazione avvengono in locale nel browser.