JavaScript Beautifier

Om det här verktyget

JavaScript Beautifier formaterar komprimerat eller oläsbart JavaScript till ren, korrekt indragen kod. Det hanterar all standard ES2022+ syntax inklusive pilfunktioner, mallbokstavar, destrukturering, async/await och klasssyntax. Formateraren bevarar stränginnehåll exakt — inklusive specialtecken — och hoppar korrekt över kod inuti kommentarer.

Minifieringsläget tar bort kommentarer och onödig whitespace och bevarar ett enda mellanslag mellan identifierare för att undvika syntaxfel. All bearbetning körs i din webbläsare — ingen kod skickas någonsin till en server.

Hur man använder

1. Klistra in minifierad eller rörig JavaScript i indatapanelen.
2. Välj önskad indragning (2 eller 4 mellanslag).
3. Klicka på Formatera för att formatera, eller Minifiera för att minifiera.
4. Klicka på Kopiera för att kopiera resultatet till urklipp.

Användningsfall

Utvecklare använder detta för att inspektera och felsöka minifierad JavaScript från produktionspaket, npm-paket eller webbläsartillägg. Idealiskt för att läsa obfuskerade tredjepartsskript, förstå jQuery-plugins och formatera kod kopierad från Stack Overflow. Minifieringsläget minskar skriptstorleken för inline-inbäddning i HTML utan ett byggverktyg.

Vanliga frågor

• Stöder det TypeScript? — TypeScript-syntax är i stort sett en supermängd av JavaScript. Enkel TypeScript (typer, gränssnitt, generics) formateras korrekt. För fullständigt TypeScript-stöd använd TypeScript Beautifier.
• Stöder det JSX? — Inte inbyggt. JSX-syntax med vinkelparenteser kanske inte formateras korrekt. Använd en dedikerad JSX-formaterare för React-komponentfiler.
• Är min kod säker? — All bearbetning är lokal i din webbläsare. Ingen kod överförs någonsin till någon server.