Zum Inhalt springen
OneKitly
Registrieren · Anmelden

JavaScript-Minifier / -Verschönerer

Minifiziere oder verschönere JavaScript im Browser, mit einem Tokenizer, der Strings, Regex und Kommentare beachtet.

Ähnliche Tools

Alle Tools: JSON, XML & Formate →
CSS-VerschönererFormatiere minifiziertes oder unordentliches CSS in saubere, eingerückte Regeln — oder minifiziere es.HTML-VerschönererVerwandle minifiziertes oder verworrenes HTML in sauber eingerücktes Markup — oder minifiziere es.CSS-MinifiziererVerkleinere CSS, indem du Kommentare und unnötige Leerzeichen entfernst.Ist JavaScript aktiviert?Ein Blick-Check, ob JavaScript in deinem Browser läuft — und eine kleine Demonstration, wie Seiten es erkennen. Zeigt der Live-Status „aktiviert“, ist JS an; der klassische Trick ist ein <noscript>-Tag, das nur erscheint, wenn es aus ist. Es meldet auch, ob Cookies aktiviert sind und ob du online bist.ISO-8601-DatumsformatiererWandle Datum, Zeit und UTC-Versatz in ISO 8601, RFC 3339, Wochen-/Ordinaldatum, RFC 2822, HTTP-Datum und Unix-Zeitstempel.Markdown-Tabellen-GeneratorCSV, TSV oder Semikolon-Daten einfügen und eine ausgerichtete Markdown-Tabelle erhalten — mit Ausrichtung je Spalte, |-Escaping und Live-Vorschau.SQL-FormatiererFormatiere SQL-Abfragen mit großgeschriebenen Schlüsselwörtern und Zeilenumbruch je Klausel — für Lesbarkeit.XML-Formatierer / -ValidatorFormatiere, minifiziere und prüfe, ob XML wohlgeformt ist — alles im Browser.

JavaScript-Minifier / -Verschönerer kannst du kostenlos und beliebig oft direkt auf dieser Seite nutzen. Zu finden ist es unter JSON, XML & Formate, mit CSS-Verschönerer und HTML-Verschönerer für die benachbarten Fälle.

So funktioniert's

  1. Öffne das Tool — ohne Anmeldung oder Installation.
  2. Gib deine Daten ein oder passe die verfügbaren Optionen an.
  3. Erhalte dein Ergebnis sofort und kopiere oder lade es herunter.

Häufige Fragen

Was ist JavaScript-Minifier / -Verschönerer?

Minifiziere oder verschönere JavaScript im Browser, mit einem Tokenizer, der Strings, Regex und Kommentare beachtet.

Wann brauche ich das konkret?

Einen maschinell erzeugten Block lesbar machen, das Zeichen finden, an dem das Parsen scheitert, und eine Datei vor dem Ausliefern verkleinern.

Was ist der häufigste Fehler?

Gültig mit richtig verwechseln. Ein Dokument kann fehlerfrei parsen und dennoch die falsche Struktur für seinen Leser haben — Validierung prüft die Syntax, nicht das Schema.

Worin unterscheidet sich JavaScript-Minifier / -Verschönerer von CSS-Verschönerer?

Sie liegen nah beieinander, beantworten aber verschiedene Fragen: CSS-Verschönerer ist das richtige, wenn es darum geht, formatiere minifiziertes oder unordentliches CSS in saubere, eingerückte Regeln — oder minifiziere es. Nimm das, was zu deinem Ausgangspunkt passt — beide sind kostenlos.

Gibt es ein Werkzeug für den nächsten Schritt?

HTML-Verschönerer ist das nächstliegende danach: Verwandle minifiziertes oder verworrenes HTML in sauber eingerücktes Markup — oder minifiziere es.

Was lohnt sich sonst noch daneben offen zu haben?

CSS-Minifizierer und Ist JavaScript aktiviert? — sie tauchen in derselben Aufgabe oft genug auf, um einen zweiten Tab zu verdienen.

Woher stammen die Daten?

Parsen und Serialisieren folgen der Spezifikation des jeweiligen Formats. Schlüsselreihenfolge und Leerraum sind in JSON und YAML semantisch bedeutungslos — ein neu formatiertes Dokument bleibt äquivalent.

Zum Weiterlesen

Alle Ratgeber →
RatgeberWas ein Minifier entfernen darf und was nichtMinifizierung muss die Bedeutung erhalten, und interessant ist der Leerraum, der Bedeutung trägt: der Nachfahrenkombinator, die Leerzeichen in calc(), der Abstand zwischen zwei Inline-Elementen. Hier an echten Dateien gemessen, samt dem, was Brotli ohnehin gespart hätte.RatgeberVerschönern oder minifizieren: wofür beides gut ist und was es am Gewicht ändertVier echte Stylesheets durch den Minifier, roh und nach gzip gemessen. Alle Leerzeichen zu entfernen sparte 48, 103, 104 und 147 komprimierte Bytes; die Kommentare zu entfernen 57, 1 358, 2 420 und 1 042. Dazu die fünf Eingaben, an denen dieser Minifier scheitert.AnleitungEine Markdown-Tabelle von Grund auf bauen, ohne Striche zu zählenDas Kleinste, das noch eine Tabelle ist, sind zwei Zeilen: eine Kopfzeile und eine Trennzeile. Hier steht, warum die zweite in GitHub Flavored Markdown Pflicht ist, wo Pipe-Tabellen überhaupt nicht existieren, und was ein Generator kann, was Tippen von Hand nicht kann.RatgeberEine Tabelle in einen Pull Request einfügen: was kaputtgeht und die zwei Zeichen, die es kaputtmachenEine Markdown-Tabelle verbietet in einer Zelle genau zwei Zeichen: den Pipe und den Zeilenumbruch. Hier steht, was jedes davon anrichtet, wie ein Konverter damit umgeht, warum das Escape in der richtigen Reihenfolge angewandt werden muss, und warum das Auffüllen nie zählt.ErklärungXML zu JSON: Attribute, Wiederholung und die Falle des einelementigen ArraysZwei Dokumente, die sich nur in der Zahl der Kinder unterscheiden, ergeben zwei verschiedene JSON-Formen, und ohne Schema kann kein Konverter sie auseinanderhalten. Dazu, was dieser wirklich mit Attributen, gemischtem Inhalt und Leerraum macht — und das Einzige, was er weiterhin nicht festhalten kann.ErklärungYAML wirkt freundlich und beißtYAML ist JSON plus eine Schicht Typinferenz, und die Inferenz ist der gefährliche Teil. Dieselbe Datei durch einen YAML-1.2- und einen YAML-1.1-Parser geschickt: no ist im einen eine Zeichenkette und im anderen false, 01234 ist im einen 1234 und im anderen 668, und 12:30:00 ist in einem von beiden eine Zahl.