🌐 IT

🧾 JSON Formatter

Aggiungi indentazione al JSON per renderlo più leggibile oppure comprimilo in una sola riga, e ottieni la posizione esatta line:column di qualsiasi errore di sintassi. Esplora la struttura con una vista ad albero espandibile.

GUIDA

Scopri di piu

01

1. Stampa ordinata vs compressione

La stampa ordinata aggiunge rientri e interruzioni di riga per rendere il JSON facile da leggere per le persone, mentre la compressione elimina tutti gli spazi bianchi e le nuove righe inutili per ridurre le dimensioni del file. Il JSON formattato è ideale per il debugging durante lo sviluppo, mentre il JSON compresso riduce la dimensione del payload nelle risposte API reali e nelle distribuzioni di produzione. Questo strumento ti permette di scegliere un rientro di 2 spazi, 4 spazi o tab per adattarlo allo stile del codice del tuo progetto.

02

2. Individuare con precisione gli errori JSON

I messaggi di errore restituiti da JSON.parse() variano molto tra i motori dei browser, e spesso non è chiaro dove si trovi esattamente il problema. Questo strumento include un proprio scanner scritto a mano che attraversa direttamente la grammatica JSON (oggetti, array, stringhe, numeri, literal), quindi restituisce sempre lo stesso "line N, column M" indipendentemente dal browser che usi. Questo rende rapido individuare errori comuni come una virgola mancante, una chiave non tra virgolette o una stringa non chiusa.

03

3. Capire JSON profondamente annidato con la vista ad albero

Il JSON profondamente annidato è difficile da seguire come testo semplice: è facile perdere il controllo di quale parentesi chiuda cosa. La vista ad albero rende oggetti e array nodi espandibili/riducibili, così puoi concentrarti solo sulla parte che ti interessa. Cliccando il pulsante di copia accanto a qualsiasi nodo, copi il percorso di quel valore (ad esempio $.tools[1]) negli appunti, pronto da incollare direttamente nel codice che deve riferirsi a quel valore.

Domande frequenti

Il mio JSON viene inviato a un server?
No. Parsing, formattazione e validazione avvengono tutti nel tuo browser solo tramite JSON.parse() - nessuna API backend viene mai chiamata. I payload API sensibili o i valori di configurazione restano privati.
Il messaggio di errore è breve: come lo leggo?
Mostra line:column e quale token era atteso, ad esempio "at 3:5 — Expected ',' or '}'". La casella di input seleziona automaticamente anche quella riga esatta, così puoi saltarci subito.
Se cambio l'opzione di indentazione, il testo esistente si aggiorna automaticamente?
No - la scelta dell'indentazione ha effetto solo la prossima volta che fai clic su "Pretty Print". Cambiare solo il menu a discesa non riformatta nulla.
Cosa significano "keys" e "depth" nelle statistiche della vista ad albero?
"Keys" è il conteggio totale delle proprietà degli oggetti nell'intero documento JSON, mentre "depth" indica quanti livelli in profondità si trova il valore più annidato - utile come stima rapida della complessità strutturale.