JavaScript formatieren und minifizieren
Mach minifiziertes JavaScript lesbar oder verkleinere deine eigenen Skripte für den Live-Betrieb.
JavaScript einfügen, eine .js-Datei öffnen oder hier ablegen
Weiter: JSON-Formatierer · CSS-Formatierer
Problem mit diesem Tool melden
So verwendest du JavaScript-Formatierer
JavaScript einfügen
Füge ein Skript ein oder öffne bzw. ziehe eine .js-Datei hierher. Es wird schon beim Tippen formatiert.
Formatieren oder minifizieren
Formatieren rückt den Code mit 2 oder 4 Leerzeichen oder einem Tab ein. Minifizieren kürzt Namen und entfernt Leerzeichen und Kommentare.
Kopieren oder herunterladen
Kopiere das Ergebnis oder lade es als .js-Datei herunter. Beim Minifizieren siehst du, um wie viel es kleiner geworden ist.
Warum Utils365?
Echtes Minifizieren
Terser, der Minifier hinter den meisten Build-Tools, benennt lokale Variablen um, entfernt toten Code und verkürzt Ausdrücke.
Fehler, die du findest
Ein Syntaxfehler stoppt den Minifier, und du siehst Zeile und Spalte mit dem markierten Code drumherum.
Sicher für einfache Skripte
Namen auf oberster Ebene werden nicht umbenannt, damit andere Skripte auf der Seite, die deine Funktionen nutzen, weiter funktionieren.
Privat durch Design
Dein Code wird in deinem Browser formatiert und nie hochgeladen, privater Quellcode bleibt also privat.
Häufig gestellte Fragen
Was macht ein JavaScript-Minifier?
Er entfernt Leerzeichen, Zeilenumbrüche und Kommentare, benennt lokale Variablen in einzelne Buchstaben um und schreibt Code kürzer, ohne dass sich etwas an der Wirkung ändert. Skripte sind danach oft nur noch halb so groß oder kleiner.
Kann ich JavaScript wieder lesbar machen?
Wähle Formatieren, um Einrückungen und Zeilenumbrüche wiederherzustellen. Die ursprünglichen Variablennamen und Kommentare lassen sich nicht zurückholen, da das Minifizieren sie verworfen hat.
Wird modernes JavaScript unterstützt?
Ja: Klassen, Pfeilfunktionen, async und await, Optional Chaining, import und export sowie Top-Level-await in Modulen.
Bleiben Lizenzkommentare erhalten?
Ja. Kommentare, die mit /*! beginnen oder @license bzw. @preserve enthalten, bleiben im minifizierten Code.
Funktioniert es mit TypeScript oder JSX?
Nicht direkt. Der Minifier liest nur Standard-JavaScript. Kompiliere TypeScript und JSX also zuerst zu JavaScript und füge dann das Ergebnis ein.