Formattatore JS/CSS

Free

Riformatta JavaScript o CSS minificato o con indentazione incoerente in codice leggibile e correttamente indentato, con stile di indentazione regolabile e statistiche di dimensione prima/dopo.

Input

Indentazione

Output formattato

Informazioni su questo strumento

Riformatta JavaScript o CSS minificato o con indentazione incoerente in codice leggibile e correttamente indentato.
Non minifica. Per ridurre la dimensione del codice, usa un minificatore dedicato.

Attività recente

Visibile a tutti. Ultimi 20 utilizzi su tutti i visitatori, i più recenti per primi.

Formatted 52 characters of JavaScript

1 ora fa

Formatted 51 characters of CSS

1 ora fa

Formatted 52 characters of JavaScript

1 ora fa

Commenti (0)

Hai trovato utile questo strumento? Lascia un commento, condividi un consiglio, o dicci come possiamo migliorarlo.

Ancora nessun commento. Sii il primo a condividere il tuo pensiero!

Cosa fa questo strumento

Incolla JavaScript o CSS minificato o con indentazione disordinata, scegli uno stile di indentazione, e questo strumento lo riformatta in codice leggibile con indentazione e interruzioni di riga coerenti.

Come funziona

Lo strumento analizza il tuo codice in token (parole chiave, parentesi, operatori, stringhe), poi ristampa questi token con nuove interruzioni di riga e indentazione in base alla profondità di nidificazione, usando il motore open source js-beautify rispettivamente per JavaScript e CSS. I token sottostanti e il loro ordine non vengono mai modificati, solo lo spazio bianco attorno a essi.

Problemi che risolve

Rendere di nuovo leggibile un file JS o CSS minificato su una sola riga per il debug o la revisione.
Normalizzare un'indentazione incoerente (tab e spazi misti, larghezze incoerenti) in un file.
Esaminare rapidamente codice di terze parti o di fornitori distribuito minificato.
Convertire tra indentazione a 2 spazi, 4 spazi e tab per adattarsi alla guida di stile di un progetto.

Domande frequenti

›Questo strumento minifica anche il codice?

No, questo strumento si limita a formattare (abbellire) il codice aggiungendo un'indentazione e interruzioni di riga appropriate. Se devi ridurre la dimensione del codice rimuovendo gli spazi, usa invece uno strumento di minificazione dedicato.

›La formattazione cambierà il comportamento del mio codice?

No. La formattazione modifica solo spazi, indentazione e interruzioni di riga. Non modifica mai identificatori, logica o contenuto delle stringhe, quindi il codice formattato si comporta in modo identico all'originale.

›Perché il mio JavaScript appare sbagliato dopo la formattazione?

Se l'input contiene un errore di sintassi (una parentesi non chiusa, una virgola in più, un JSON non valido usato come JS, e così via), lo strumento di formattazione potrebbe interpretare male la struttura. Controlla la console del browser o un linter JavaScript per individuare l'esatto problema di sintassi, correggilo e formatta di nuovo.

›Posso formattare SCSS o LESS con questo?

La sintassi base di SCSS e LESS (nidificazione, variabili, commenti) viene generalmente formattata bene poiché resta simile al CSS, ma le funzionalità specifiche del preprocessore come i mixin o le funzioni non sono comprese in modo specifico e potrebbero essere riformattate in modo imperfetto.

›Perché scegliere i tab invece degli spazi per l'indentazione?

È puramente una preferenza di stile, entrambi sono funzionalmente identici in JavaScript e CSS. Scegli quello che corrisponde alla guida di stile esistente del tuo progetto o alla configurazione del tuo editor.

Calcola l'hash BLAKE2b di testo o un file nel tuo browser, con lunghezza output regolabile e hashing con chiave opzionale (MAC).