Trasforma JavaScript minificato o disordinato in codice leggibile e indentato.
Caricamento dello strumento...
Come usare JS Beautifier
Incolla il tuo JavaScript.
Scegli un'indentazione e uno stile per le parentesi graffe.
Copia il codice abbellito.
Informazioni su JS Beautifier
Il JavaScript minificato è fatto per le macchine. Quando devi fare il debug di un bundle di produzione o leggere uno snippet di terze parti, la prima cosa che ti serve sono gli spazi. Questo beautifier ripristina a capo e indentazione, così puoi seguire di nuovo il flusso di controllo.
Non può ripristinare i nomi delle variabili che un minificatore ha ridotto a singole lettere, quindi una funzione chiamata a resta a. Ciò che ottieni è la struttura e per la maggior parte del debug basta per iniziare.
Domande frequenti
L'abbellimento cambia ciò che fa il codice?
No. Cambiano solo spazi e a capo. Il beautifier non rinomina nulla né riordina le istruzioni.
Può ripristinare i nomi originali delle variabili?
No. I nomi rimossi da un minificatore sono persi. Se il bundle includeva una source map, gli strumenti per sviluppatori del tuo browser possono usarla per mostrare i nomi originali.
Supporta la sintassi moderna?
Sì, arrow function, classi, template literal, async e await, optional chaining e moduli ES sono gestiti.
Qual è la differenza tra questo e il formattatore Babel?
Questo strumento è un beautifier tollerante che re-indenta il codice e non fallisce mai sulla sintassi che non capisce. Il formattatore Babel analizza il codice e lo stampa da zero, il che è più rigoroso e dà risultati più coerenti.