Maak van geminificeerde of rommelige JavaScript leesbare, ingesprongen code.
De tool wordt geladen...
Zo gebruik je JS Beautifier
Plak je JavaScript.
Kies een inspringing en accoladestijl.
Kopieer de verfraaide code.
Over JS Beautifier
Geminificeerde JavaScript is bedoeld voor machines. Moet je een productiebundel debuggen of een fragment van een derde partij lezen, dan heb je eerst witruimte nodig. Deze beautifier herstelt regeleinden en inspringing zodat je de besturingsstroom weer kunt volgen.
Hij kan de namen van variabelen die een minifier tot losse letters heeft ingekort niet herstellen, dus een functie met de naam a blijft a. Wat je terugkrijgt is structuur, en voor het meeste debuggen is dat genoeg om te beginnen.
Veelgestelde vragen
Verandert beautifyen wat de code doet?
Nee. Alleen witruimte en regeleinden veranderen. De beautifier hernoemt niets en herschikt geen statements.
Kan hij de oorspronkelijke variabelenamen herstellen?
Nee. Door een minifier verwijderde namen zijn weg. Komt de bundel met een source map, dan kunnen de ontwikkelaarstools van je browser die gebruiken om de oorspronkelijke namen te tonen.
Ondersteunt het moderne syntaxis?
Ja, arrow functions, classes, template literals, async en await, optional chaining en ES-modules worden verwerkt.
Wat is het verschil tussen dit en de Babel-formatter?
Deze tool is een toegeeflijke beautifier die code opnieuw inspringt en nooit faalt op syntaxis die hij niet begrijpt. De Babel-formatter parset de code en drukt hem helemaal opnieuw af, wat strenger is en consistentere resultaten geeft.