Code formatieren / MULTIVERTO
Entfernen Sie sichere Layout-Leerzeichen aus CSS.
Jedes Textwerkzeug auf das vorherige Ergebnis anwenden.
01 / Anleitung
Entfernt ausgewählte Layout-Leerzeichen; prüfen Sie Stellen, an denen Leerraum Bedeutung trägt.
Prüfen Sie bei komplexer Syntax oder Produktionsdateien die Ausgabe in der Zielanwendung und mit einem spezialisierten Werkzeug.
02 / Beispiel
h1 { color: #334155; margin: 0; }
p { line-height: 1.5; }h1{color:#334155;margin:0}p{line-height:1.5}03 / Anleitung
Entfernen Sie sichere Layout-Leerzeichen aus CSS. Entfernt ausgewählte Layout-Leerzeichen; prüfen Sie Stellen, an denen Leerraum Bedeutung trägt. Kompaktes CSS entfernt gewöhnliche Kommentare und einige Leerzeichen um Klammern, Doppelpunkte und Semikola. Leerzeichen zwischen Selektorteilen bleiben wichtig. Vergleichen Sie die gerenderte Seite, besonders bei eigenen Eigenschaften oder Funktionswerten.
CSS besteht aus Selektoren, At-Regeln, Deklarationsblöcken, Werten und Kommentaren. Ein Leerzeichen zwischen Selektoren kann eine Nachfahrenbeziehung bedeuten; pauschales Entfernen würde andere Elemente treffen. Zeichenketten, Funktionen wie calc(), eigene Eigenschaften und eingebettete URLs können Satzzeichen enthalten, die wie Trenner aussehen. Der Formatter erkennt Strings, Kommentare und Verschachtelung vor Layoutänderungen, bewertet aber weder Kaskade noch Browserunterstützung. Die kompakte Variante entfernt gewöhnliche Kommentare und ausgewählte Leerzeichen um Satzzeichen. Sie ist absichtlich weniger aggressiv als ein Produktions-Minifizierer. Prüfen Sie nach dem Kopieren eine Seite, die das Stylesheet verwendet.
Verdichten ist sinnvoll, wenn eine Maschine das Ergebnis verarbeitet und menschenlesbare Einrückung unnötig ist. Prüfen Sie zuerst die unveränderte Quelle und betrachten Sie dann genau, was entfernt wird. Dieses Werkzeug verspricht nicht die Einsparung eines Produktions-Minifizierers: Solche Programme können die vollständige Grammatik parsen, Bezeichner ändern, Konstanten zusammenfassen oder nach der Serialisierung komprimieren. Hier gilt eine vorsichtige Regel; unklare Konstruktionen bleiben erhalten oder führen zu einer Fehlermeldung. Vergleichen Sie Dateilängen erst nach einem Vergleich von Verhalten oder analysiertem Inhalt. Hängt das Zielsystem von Kommentaren, Lizenzen, Source-Maps oder bedeutungstragendem Leerraum ab, berücksichtigen Sie dies vor einem Austausch der Quelle.
Bewahren Sie die Quelle neben der Ausgabe auf und prüfen Sie zuerst ein kleines bekanntes Beispiel, bevor Sie ein großes Dokument bearbeiten. Vergleichen Sie den sachlichen Inhalt, nicht bloß Dateigröße oder Zeilenzahl. Kontrollieren Sie Namen, zitierte Zeichenketten, Nicht-ASCII-Zeichen, Zeilenenden und wiederholte Felder nach der Umwandlung. Eine lesbare Ausgabe validiert kein Schema, belegt keine Ausführbarkeit von Code und macht Daten nicht automatisch veröffentlichbar. Diese Seite verarbeitet Text im Browser und zeigt die Ausgabe als Text; beim Einfügen gelten jedoch die Regeln der Zielanwendung. Wird eine Eingabe abgewiesen, suchen Sie die nicht unterstützte Konstruktion und verwenden Sie gegebenenfalls einen spezialisierten Parser.