Formatta, valida, esplora e confronta JSON nel browser. Errori di sintassi precisi, vista ad albero, ordinamento delle chiavi, ricerca e un confronto semantico che ignora la formattazione.
Tab indenta la riga corrente o la selezione. Premi prima Esc se preferisci che Tab passi al comando successivo.
La validazione gira mentre scrivi. Appena il documento viene letto ottieni statistiche, una vista ad albero con percorsi copiabili e le azioni di formattazione, minificazione e ordinamento. Nulla viene inviato da nessuna parte.
Le statistiche compaiono appena il documento viene letto.
L'albero compare appena il documento viene letto.
La formattazione reindenta un documento senza toccarne il contenuto: il parser lo legge e il serializzatore riscrive gli stessi valori con due spazi, quattro spazi o tabulazioni. Minificare è la stessa operazione senza spazi bianchi, cioè quello che serve prima di mettere un payload in un header, in una query string o in una fixture. Valori, escape e Unicode tornano esattamente come sono entrati.
Un validatore che dice soltanto «non valido» non ti ha detto niente. Questo indica riga, colonna e offset in caratteri, nomina la causa - una virgola finale, una chiave tra apici, due punti mancanti, un commento - e stampa le righe vicine con un accento circonflesso sotto il difetto. Segnala anche due cose che un parser nasconde: le chiavi duplicate, che JSON.parse riduce in silenzio all'ultima, e i numeri interi grandi che perdono precisione nel momento in cui JavaScript li legge.
Il confronto riguarda i dati, non il testo. Due documenti che differiscono solo per indentazione, fine riga o ordine in cui sono state scritte le chiavi vengono segnalati come lo stesso documento. Gli array sono confrontati come sequenze, perché il loro ordine fa parte dei dati: un elemento inserito viene segnalato come un inserimento, non come una modifica di tutto ciò che segue. Ogni differenza appare come aggiunta, rimossa, modificata o con tipo cambiato, con un simbolo e una parola oltre al colore.
La vista ad albero apre un documento un livello alla volta, così un file grande non diventa una pagina grande. Ogni riga porta il percorso che la raggiunge - users[4].email, profile.address.city - e un pulsante di copia per il percorso e per il valore, che di solito è ciò che ti serviva davvero dal file.
Il documento che incolli, il file che trascini, i valori letti, le statistiche e il confronto non lasciano mai questa scheda. Dietro questo strumento non c'è alcuna chiamata API, nella memoria del browser non finisce nulla oltre alla tua preferenza di indentazione, e nella barra degli indirizzi nulla. Qui conta più che nella maggior parte degli strumenti: le risposte API di produzione e i file di configurazione portano spesso credenziali, dati dei clienti o nomi host interni.
Leggere una risposta API arrivata su una sola riga. Verificare un payload webhook rispetto a ciò che il tuo handler si aspetta. Trovare che cosa è cambiato tra due versioni di un file di configurazione. Trasformare una risposta di esempio in un'interfaccia TypeScript. Confermare che una riga di log è JSON valido prima di dare la colpa al parser.
Formattazione e minificazione passano dal parser e dal serializzatore JSON del browser stesso, quindi valori, escape e Unicode restano esattamente com'erano. La validazione è fatta dallo scanner proprio di questo strumento, ed è per questo che può indicare riga e colonna che il messaggio del browser non dà, e avvisare di chiavi duplicate e di interi che perdono precisione. I documenti sono limitati a 5 MiB, l'evidenziazione della sintassi si spegne sopra i 300 KiB perché un file grande resti scrivibile, e il confronto dettagliato si ferma in anticipo su alberi molto grandi. Non verifica rispetto a un JSON Schema e non ripara documenti rotti.
No. Formattazione, validazione, confronto, statistiche e albero girano tutti nel tuo browser. Questo strumento non fa alcuna chiamata API, e nulla di ciò che incolli o trascini viene scritto nella memoria del browser o messo nella barra degli indirizzi. Tra una visita e l'altra resta solo l'indentazione che hai scelto.
Perché confronta i dati e non il testo. Indentazione, fine riga e ordine in cui sono state scritte le chiavi non hanno significato in JSON, quindi non vengono segnalati come differenze. L'ordine di un array invece ha significato ed è confrontato come sequenza, quindi una lista riordinata è una differenza vera.
Lo scanner le trova e ti avvisa, ma nulla può recuperarle: JSON.parse conserva solo l'ultimo valore di una chiave ripetuta, e ogni altro parser JSON che userai fa lo stesso. L'avviso indica quale chiave e quale riga, così puoi correggere la sorgente.
Fino a 5 MiB. Oltre i 300 KiB circa i colori della sintassi si spengono perché la scrittura resti fluida, e su documenti molto grandi il confronto dettagliato si ferma prima e lo dice. Statistiche e validazione funzionano su tutto l'intervallo.
MCP, Model Context Protocol: cos'è e come funziona nella pratica
MCP, REST API, Function Calling and Agent Tools compared
Model Context Protocol, o MCP, è uno standard aperto per collegare applicazioni di IA a strumenti e fonti di dati. Invece di costruire un'integrazione diversa per ogni modello e servizio, un server MCP descrive le proprie capacità in un formato standard che i client compatibili possono scoprire e invocare. Nel 2026 MCP è molto più maturo rispetto al lancio: la specifica attuale utilizza un core HTTP stateless, estensioni formali, regole di autorizzazione più forti e meccanismi per lavori di lunga durata.
Axios e diventato il client HTTP predefinito per molti team JavaScript perche offriva un'API pulita prima che Fetch diventasse la primitiva standard dei browser. Oggi, molti team possono usare il Fetch nativo direttamente o scegliere Ky, un piccolo wrapper che aggiunge comodita senza tutto il peso di Axios. La scelta giusta dipende dal fatto che ti servano davvero funzionalita specifiche di Axios come gli interceptor e i wrapper esistenti, o che un livello di richiesta piu leggero e moderno si adatti meglio alla tua app.
TypeScript vs JavaScript: quale dovresti usare per il frontend?
TypeScript and JavaScript compared
JavaScript e il linguaggio del web, e TypeScript e JavaScript con un sistema di tipi che aiuta i team a catturare gli errori prima e a mantenere codici piu grandi con piu fiducia. Per piccoli script e prototipi rapidi, il semplice JavaScript puo bastare. Per le applicazioni frontend serie, TypeScript spesso si ripaga attraverso strumenti migliori, refactor piu sicuri e contratti piu chiari tra i moduli. La scelta giusta dipende dalla dimensione del progetto, dall'esperienza del team e da quanto a lungo il codice deve vivere.
Sviluppiamo software e soluzioni su misura per le tue esigenze.