Beim Minifizieren von JavaScript werden Kommentare, Einrückungen und Zeilenumbrüche entfernt, ohne das Verhalten zu ändern – Dateien werden kleiner, Seiten laden schneller. Formatieren (Beautify) macht das Gegenteil: Es rückt in eine Zeile gequetschten Code wieder ein, damit du fremde Skripte lesen oder debuggen kannst. Dieses Tool vereint beides auf einer Seite, dazu einen einfachen Verschleierer. Code einfügen, und Originalgröße, Ausgabegröße und Kompressionsrate erscheinen sofort.
Ehrlich gesagt arbeitet das Tool mit leichtgewichtigen regulären Ausdrücken, statt den Code wie Terser oder esbuild in einen Syntaxbaum zu zerlegen. Beim Minifizieren werden /* */- und //-Kommentare entfernt, Leerraum zusammengefasst und Leerzeichen um Operatoren gelöscht. Für kleine Skripte, Bookmarklets und Einbettungscode ist das praktisch, doch einiges kann kaputtgehen: Ein String mit „//“, etwa die URL "https://...", wird für einen Kommentar gehalten; Code, der auf automatische Semikolon-Einfügung setzt, kann nach dem Zusammenziehen der Zeilen fehlschlagen; auch Regex-Literale und Template-Strings können betroffen sein. Behalte die Originaldatei und teste die Ausgabe vor dem Einsatz.
Die Verschleierung kodiert den Code in Base64 und verpackt ihn in eval; JSON wird stattdessen in JSON.parse verpackt. So lässt sich der Quelltext nicht auf einen Blick lesen, er wird aber nur versteckt, nicht geschützt: Jeder kann ihn in Sekunden dekodieren, die Datei wächst um etwa ein Drittel, und Code mit eval kann von der Content Security Policy (CSP) einer Website blockiert werden. Lege niemals API-Schlüssel oder Passwörter im Frontend ab und verlass dich auf Verschleierung.
In Produktivprojekten solltest du im Build-Prozess automatisch mit Vite, esbuild oder Terser minifizieren – sie kürzen Variablennamen sicher und entfernen toten Code. Dieses Tool eignet sich für schnelle Einzelschnipsel, zum Prüfen, wie klein Code werden kann, oder um fremden minifizierten Code lesbar aufzufächern. Alles läuft im Browser, dein Code wird nie hochgeladen.