Formattatore JSON

Introduzione

Un formattatore JSON è uno strumento essenziale per chiunque lavori con dati JSON — sviluppatori, tester API, analisti dati e scrittori tecnici. Il JSON grezzo da API o file di configurazione è spesso minimizzato o mal indentato, rendendo difficile la lettura e il debug. Il formattatore JSON trasforma istantaneamente input JSON caotico in output pulito e ben strutturato con indentazione appropriata e validazione della sintassi.

A differenza degli strumenti da riga di comando o delle estensioni del browser che richiedono installazione, il Formattatore JSON di Toollect funziona interamente nel tuo browser. Ogni incollatura viene analizzata istantaneamente, dandoti feedback immediato sulla validità e struttura del tuo JSON. Poiché nessun dato viene inviato a server esterni, offre sia velocità che privacy.

Che tu stia debugando una risposta API REST, preparando file di configurazione per il deploy, o insegnando la sintassi JSON, questo strumento fornisce la precisione e l'immediatezza di cui hai bisogno.

Come funziona

Il formattatore JSON è alimentato dai metodi nativi JavaScript JSON.parse() e JSON.stringify(), lo stesso motore che gestisce JSON in tutti i browser moderni e Node.js.

Analisi

Lo strumento passa il testo di input a JSON.parse(). Questo metodo legge la stringa e tenta di costruire un oggetto o array JavaScript in memoria. L'analizzatore è severo — segue esattamente la specifica ECMA-404 JSON e rifiuta qualsiasi deviazione dalla sintassi JSON valida.

Validazione

Se JSON.parse() ha successo, l'input è JSON valido. In caso di fallimento, il metodo lancia un SyntaxError con un messaggio descrittivo. Lo strumento cattura questo errore e lo mostra nell'area di stato. Errori comuni:

• Unexpected token: Carattere extra, virgola finale o chiave non tra virgolette
• Expected property name: Virgola mancante tra proprietà o virgolette errate
• Unexpected end of input: Stringa JSON troncata o parentesi non chiuse

Formattazione

Per JSON valido, lo strumento passa l'oggetto analizzato a JSON.stringify() con il parametro space=2. Questo gli dice di:

1. Ri-serializzare l'oggetto come stringa JSON
2. Inserire interruzioni di riga dopo ogni {, }, [, ] e virgola
3. Indentare ogni livello di annidamento con due spazi
4. Preservare i tipi di dati originali

Output

Il risultato formattato appare nell'area di output, visualizzato con un font monospaziato per una migliore leggibilità. L'output è in sola lettura, ma può essere copiato negli appunti con un clic.

Utilizzo

Usare il Formattatore JSON di Toollect non richiede configurazione o registrazione. Segui questi passaggi:

1. Apri lo strumento — Apri la pagina del formattatore JSON nel tuo browser.

2. Incolla il JSON — Copia testo JSON da qualsiasi fonte e incollalo con Ctrl+V (Cmd+V su Mac) nell'area di input.

3. Visualizza il risultato — Dopo l'incollatura, lo strumento formatta automaticamente e mostra il risultato immediatamente.

4. Controlla lo stato — Verifica l'indicatore di stato tra i campi:

   • Un messaggio verde conferma JSON valido
   • Un messaggio di errore rosso mostra il problema di analisi

5. Copia il risultato — Clicca su "Copia" per trasferire il JSON formattato negli appunti.

6. Ricomincia — Clicca su "Cancella" per svuotare entrambi i campi.

Tutorial

Scenario: Stai debugando una risposta API REST e devi ispezionare la struttura JSON.

1. Apri il Formattatore JSON.

2. Copia la risposta JSON grezza:

{"status":"success","data":{"users":[{"id":1,"name":"Alice","email":"[email protected]","active":true},{"id":2,"name":"Bob","email":"[email protected]","active":false}],"total":2,"page":1},"timestamp":"2026-07-11T10:30:00Z"}

3. Incolla e formatta automaticamente:

{
  "status": "success",
  "data": {
    "users": [
      { "id": 1, "name": "Alice", "email": "[email protected]", "active": true },
      { "id": 2, "name": "Bob", "email": "[email protected]", "active": false }
    ],
    "total": 2,
    "page": 1
  },
  "timestamp": "2026-07-11T10:30:00Z"
}

4. Testa JSON con errori:

{"status":"success","data":{"users":[{"id":1,"name":"Alice",}]}}

Il tool mostra: Invalid JSON: Expected property name or '}' at position...

5. Copia e usa — Clicca su "Copia".

Consigli

• Virgole finali: JSON non le permette dopo l'ultimo elemento
• Diagnostica con virgolette: In caso di dubbio, incolla nel formattatore
• Valida risposte API durante lo sviluppo: Tieni lo strumento aperto
• Caratteri BOM: Una stringa apparentemente valida può contenere caratteri Unicode invisibili
• Confronto prima/dopo: Usa la vista affiancata

Alternative

Risoluzione problemi

Specifiche tecniche

Performance

Dettagli tecnici

• Motore validazione: JSON.parse() nativo (specifica ECMAScript)
• Motore formattazione: JSON.stringify() nativo con space=2
• Modello eventi: Input attiva formattazione automatica (300ms debounce)
• Compatibilità: Chrome 80+, Firefox 75+, Safari 13+, Edge 80+, Samsung Internet 13+, Opera 67+

Privacy

• Zero trasferimento dati: tutta l'elaborazione in memoria del browser
• Nessun cookie, localStorage o sessionStorage
• Nessuno script di analisi o tracciamento
• Utilizzabile offline dopo il caricamento iniziale
• Nessuna registrazione, login o chiave API

Caratteristiche

• Formattazione e abbellimento istantaneo del JSON con indentazione automatica
• Validazione JSON in tempo reale con messaggi di errore dettagliati
• Rilevamento errori di sintassi con posizionamento automatico
• Copia con un clic del JSON formattato
• Cancellazione con un clic di input e output
• Funziona completamente nel browser — nessun dato inviato a server

Domande frequenti