Formattatore JavaScript
Formatta, minimizza e valida JavaScript con evidenziazione della sintassi
Input
Output
Cos'è il Formattatore JavaScript?
JavaScript alimenta il web. Il JS minimizzato o disordinato è difficile da leggere e debuggare. Il Formattatore JavaScript aggiunge indentazione e interruzioni di riga al codice grezzo o minimizzato. La specifica ECMAScript definisce il linguaggio.
Questo strumento funziona interamente nel tuo browser. Nulla viene inviato a un server. Incolla JS o carica un file; ottieni l'output formattato. Usa Minimizza per i bundle di produzione. Per la validazione, usa il Validatore JavaScript. Per la sola minimizzazione, usa il JavaScript Minifier.
Come usare questo strumento
Incolla o carica
Incolla JavaScript nel pannello sinistro o carica un file .js o .txt. Usa Esempio per caricare codice di esempio. Usa Cancella per reimpostare.
Controlla l'output
Il pannello di destra si aggiorna automaticamente con il codice formattato. Usa Minimizza per produrre una versione compatta per la produzione.
Copia o scarica
Usa Copia o Scarica per ottenere il risultato. Per JSX/React, usa il Formattatore JSX. Per la conversione TypeScript, usa JavaScript in TypeScript.
Esempi di formattazione JavaScript
Ecco un esempio di formattazione del codice JavaScript minimizzato.
Esempio: Ricerca piano abbonato
Input minimizzato:
Output formattato:
Quando il Formattatore JavaScript è utile
Durante il debug di codice minimizzato, la revisione di bundle da webpack o rollup, o l'apprendimento da script di produzione, la formattazione rende visibile la struttura. Ottimo per stack trace, codice di terze parti e controlli rapidi di leggibilità. Per il codice offuscato, usa prima il Deoffuscatore JavaScript.
Domande frequenti
I miei dati sono privati?
Sì. La formattazione viene eseguita interamente nel tuo browser. Nessun dato viene inviato a nessun server.
Formattatore vs Minimizzatore?
Il formattatore aggiunge indentazione per la leggibilità. Il minimizzatore rimuove spazi e commenti per ridurre le dimensioni del file. Questo strumento può fare entrambe le cose.
Supporta ES6+?
Sì. La sintassi JavaScript moderna (funzioni freccia, classi, async/await) è supportata.
E per JSX?
Per il codice JSX e React, usa il Formattatore JSX.
Può correggere gli errori di sintassi?
No. Il JavaScript non valido mostrerà un errore. Usa il Validatore JavaScript per controllare prima la sintassi.
Strumenti correlati
Scopri di più: ECMAScript, MDN JavaScript, webpack, rollup, source maps, Vite, TypeScript.