JavaScript Beautifier e formattatore online
Formatta, annulla la minimizzazione e ripulisci istantaneamente JavaScript (.js / .min.js) disordinati o compressi in tempo reale. Il nostro formattatore JS sensibile ai token gestisce accuratamente le funzioni freccia ES6+, i valori letterali dei modelli, le espressioni regolari, i loop for, gli URL https:// e le chiamate ai metodi concatenati e include un JS Minifier con un clic per un codice di produzione compatto.
Come abbellire e rimuovere JavaScript online
- Incolla il tuo codice: Incolla il bundle
.min.jscompresso o lo script non formattato nell'editor Inserisci JavaScript a sinistra oppure fai clic su Carica campione per testare le funzionalità di ES6+. - Scegli una preimpostazione rapida o personalizza le opzioni: Fai clic su 2 Spazi (Standard), 4 Spazi, Allman + Interruzione catena o Riduci al minimo (.min.js) o ottimizza la parentesi graffa posizionamento, spaziatura condizionale e rimozione dei commenti nel pannello di destra.
- Revisione in tempo reale: L'output formattato e i contatori di caratteri/righe/blocchi si aggiornano automaticamente durante la digitazione o la commutazione delle impostazioni.
- Copia o scarica: Fai clic su Copia negli clipboard o Scarica .js per salvare
script.beautified.js(oscript.min.js).
JavaScript Spiegazione delle opzioni di formattazione
| Opzione | Cosa controlla | Prima | Dopo |
|---|---|---|---|
| Bretelle della stessa linea (K&R) | Posiziona l'apertura { sulla riga di intestazione (selezionato) o su una nuova riga in stile Allman (non selezionato). |
if(ok){esegui();}else{stop();} |
if (ok) { |
| Spazio prima del condizionale | Controlla se viene visualizzato uno spazio tra if, for, while, switch, catch e (. |
for(let i=0;i<5;i++) |
for (let i = 0; i < 5; i++) |
| Metodi di interruzione della catena | Divide le catene di metodi fluenti (.filter().map().sort()) su righe rientrate. |
items.filter(fn).map(fn).sort(); |
items.filter(fn) |
| Rimuovi commenti | Elimina i commenti // e /* */ mantenendo intatte le stringhe e le espressioni regolari https://. |
const u = "https://a.com"; //url |
const u = "https://a.com"; |
Perché utilizzare un formattatore JavaScript compatibile con token?
La formattazione di JavaScript con semplici regole di sostituzione del testo spesso interrompe il codice valido perché caratteri come /, ; e { significano cose diverse a seconda del contesto. Il nostro formattatore utilizza un tokenizzatore lessicale JavaScript dedicato che comprende:
- Stringhe e valori letterali modello ES6: virgolette singole (
'...'), virgolette doppie ("..."), stringhe modello backtick (`Hello ${name}`) e barre rovesciate con escape ("C:\\Users\\") sono conservati alla lettera. - Espressioni regolari rispetto a Divisione: Distingue i valori letterali regex come
/^user_[0-9]+;?/idalle espressioni di divisione come(a + b) / 2in modo che i punti e virgola o le barre all'interno di regex non dividano mai la linea. for (...)Intestazioni del loop: Punto e virgola all'interno difor (let i = 0; i < n; i++)rimangono sulla stessa riga di intestazione invece di suddividersi in tre righe separate.- Eliminazione sicura dei commenti:
//a riga singola e/* */a riga singola vengono tokenizzati separatamente, pertanto gli URL come"https://api.example.com"non vengono mai troncati durante la rimozione dei commenti.
Domande frequenti
Come faccio a rimuovere la minimizzazione di un file .min.js online?
Incolla il codice .min.js compresso nell'editor Input JavaScript a sinistra. Il tokenizzatore espande automaticamente istruzioni, blocchi, funzioni e loop con rientro multilinea pulito in tempo reale.
La rimozione dei commenti influisce sugli URL https:// o sui valori letterali regex nel mio JavaScript?
No. Poiché il nostro formattatore utilizza un tokenizzatore lessicale anziché un'espressione regolare ingenua, // e /* */ all'interno di stringhe con virgolette singole, stringhe con virgolette doppie, valori letterali modello ed espressioni regolari (/pattern/g) non vengono mai rimossi o modificati.
Qual è la differenza tra lo stile del tutore K&R (stessa linea) e Allman (nuova linea)?
Lo stile K&R posiziona la parentesi graffa di apertura { sulla stessa riga della funzione , if o dell'intestazione del loop (lo standard nella maggior parte delle guide di stile JavaScript). Deselezionando Graffe della stessa linea si passa allo stile Allman, posizionando la graffa di apertura sulla propria nuova linea allineata con la graffa di chiusura.
Posso anche minimizzare JavaScript con questo strumento?
SÌ. Fai clic sul pulsante Riduci JS (o seleziona Riduci (riga singola .min.js) nel pannello delle impostazioni) per eliminare commenti e spazi non necessari mantenendo intatti gli spazi per le parole chiave richiesti.
Il mio codice JavaScript è caricato su qualche server?
No. Tutta la formattazione e la minimizzazione JavaScript vengono eseguite localmente al 100% nel tuo browser. Il tuo codice sorgente non lascia mai il tuo dispositivo.