JavaScript Beautifier

Over deze tool

De JavaScript Beautifier formatteert gecomprimeerde of onleesbare JavaScript in schone, correct ingesprongen code. Het verwerkt alle standaard ES2022+ syntaxis inclusief pijlfuncties, sjabloonliteralen, destructurering, async/await en klassensyntaxis. De formatter bewaart de inhoud van strings exact — inclusief speciale tekens — en slaat code in opmerkingen correct over.

De minificatiemodus verwijdert opmerkingen en onnodige witruimte en bewaart een enkele spatie tussen identifiers om syntaxisfouten te vermijden. Alle verwerking vindt plaats in uw browser — er wordt nooit code naar een server gestuurd.

Hoe te gebruiken

1. Plak geminificeerde of rommelige JavaScript in het invoerpaneel.
2. Kies uw gewenste inspringing (2 of 4 spaties).
3. Klik op Formatteren om te formatteren, of op Minificeren om te minificeren.
4. Klik op Kopiëren om het resultaat naar het klembord te kopiëren.

Gebruiksscenario's

Ontwikkelaars gebruiken dit om geminificeerde JavaScript van productie-bundles, npm-pakketten of browserextensies te inspecteren en te debuggen. Ideaal voor het lezen van verborgen scripts van derden, het begrijpen van jQuery-plugins en het formatteren van code gekopieerd van Stack Overflow. De minificatiemodus verkleint de scriptgrootte voor inline inbedding in HTML zonder een build-tool.

Veelgestelde vragen

• Ondersteunt het TypeScript? — TypeScript-syntaxis is grotendeels een superset van JavaScript. Eenvoudig TypeScript (typen, interfaces, generics) wordt correct opgemaakt. Voor volledige TypeScript-ondersteuning gebruik de TypeScript Beautifier.
• Ondersteunt het JSX? — Niet van nature. JSX-syntaxis met hoekhaakjes wordt mogelijk niet correct opgemaakt. Gebruik een speciale JSX-formatter voor React-componentbestanden.
• Is mijn code veilig? — Alle verwerking is lokaal in uw browser. Er wordt nooit code naar een server verzonden.