JS/CSS-Formatierer
FreeFormatiert minimiertes oder uneinheitlich eingerücktes JavaScript oder CSS in lesbaren, korrekt eingerückten Code um, mit einstellbarem Einrückungsstil und Größenstatistik vorher/nachher.
Läuft vollständig in Ihrem Browser. Ihr Code wird niemals irgendwohin hochgeladen.
Was dieses Tool macht
Fügen Sie minimiertes oder unordentlich eingerücktes JavaScript oder CSS ein, wählen Sie einen Einrückungsstil, und dieses Tool formatiert es in lesbaren Code mit konsistenter Einrückung und Zeilenumbrüchen um.
So funktioniert es
Das Tool analysiert Ihren Code in Token (Schlüsselwörter, Klammern, Operatoren, Zeichenketten) und gibt diese Token dann mit neuen Zeilenumbrüchen und Einrückungen basierend auf der Verschachtelungstiefe erneut aus, wobei jeweils die Open-Source-Engine js-beautify für JavaScript und CSS verwendet wird. Die zugrunde liegenden Token und ihre Reihenfolge werden niemals geändert, nur der Leerraum um sie herum.
Probleme, die es löst
- Eine einzeilige minimierte JS- oder CSS-Datei zum Debuggen oder zur Überprüfung wieder lesbar machen.
- Uneinheitliche Einrückung (gemischte Tabs und Leerzeichen, uneinheitliche Breiten) in einer Datei vereinheitlichen.
- Code von Drittanbietern, der minimiert ausgeliefert wird, schnell überprüfen.
- Zwischen 2-Leerzeichen-, 4-Leerzeichen- und Tab-Einrückung umwandeln, um einem Projekt-Styleguide zu entsprechen.
Häufig gestellte Fragen
›Minimiert dieses Tool auch den Code?
Nein, dieses Tool formatiert (verschönert) den Code nur, indem es korrekte Einrückungen und Zeilenumbrüche hinzufügt. Wenn Sie die Codegröße durch Entfernen von Leerzeichen verkleinern müssen, verwenden Sie stattdessen ein spezielles Minifizierungstool.
݀ndert die Formatierung das Verhalten meines Codes?
Nein. Die Formatierung ändert nur Leerzeichen, Einrückung und Zeilenumbrüche. Sie ändert niemals Bezeichner, Logik oder Zeicheninhalte, sodass sich der formatierte Code identisch zum Original verhält.
›Warum sieht mein JavaScript nach der Formatierung falsch aus?
Wenn die Eingabe einen Syntaxfehler enthält (eine nicht geschlossene Klammer, ein überflüssiges Komma, ungültiges als JS verwendetes JSON usw.), kann der Formatierer die Struktur falsch interpretieren. Prüfen Sie die Browser-Konsole oder einen JavaScript-Linter auf das genaue Syntaxproblem, beheben Sie es und formatieren Sie erneut.
›Kann ich damit SCSS oder LESS formatieren?
Grundlegende SCSS- und LESS-Syntax (Verschachtelung, Variablen, Kommentare) wird im Allgemeinen gut formatiert, da sie weiterhin CSS-ähnlich ist, aber präprozessor-spezifische Funktionen wie Mixins oder Funktionen werden nicht speziell verstanden und möglicherweise nicht perfekt umformatiert.
›Warum Tabs statt Leerzeichen für die Einrückung wählen?
Es ist reine Stilpräferenz, beide sind in JavaScript und CSS funktional identisch. Wählen Sie, was zum bestehenden Styleguide oder zur Editor-Konfiguration Ihres Projekts passt.
Verwandte Tools
Text
Backronym-Generator
Verwandle jedes Akronym oder Wort in ein Backronym mit 6 Tönen und 5 Satzmustern, mit benutzerdefinierten Wörtern pro Buchstabe und Merkbarkeits-/Aussprechbarkeitsbewertung.
FreeText
Bandbreitenrechner
Rechne zwischen Dateneinheiten um, schätze die Dateiübertragungszeit, dimensioniere die Website-Bandbreite anhand des Traffics, und rechne zwischen einem monatlichen Datenkontingent und einer nachhaltigen Verbindungsgeschwindigkeit um.
FreeText
Balkendiagramm-Ersteller
Verwandle einfache Beschriftung,Wert-Daten in ein anpassbares Balkendiagramm mit 8 Farbthemen, Ausrichtung, Sortierung, Unterstützung negativer Werte, sofortiger Statistik, und SVG/PNG-Export.
FreeText
Base64 Kodierer/Dekodierer
Kodiere Text zu Base64 oder dekodiere Base64 zurück zu Text, live während du tippst, mit vollständiger Unicode-Unterstützung und einer optionalen URL-sicheren Variante.
FreeText
Zahlensystem-Umrechner
Rechne eine Zahl zwischen Binär, Oktal, Dezimal, Hexadezimal, BCD, Gray-Code, und jeder benutzerdefinierten Basis von 2 bis 36 um, alles gleichzeitig aus einer einzigen Eingabe.
FreeText
Bcrypt-Hash-Generator und Prüfer
Generiere und verifiziere bcrypt-Passwort-Hashes vollständig in deinem Browser mittels WebAssembly, mit einstellbarem Kostenfaktor und Salt.
FreeText
Bionic-Reading-Konverter
Verwandle jeden Text in ein bionisches Leseformat, indem der erste Teil jedes Wortes fett dargestellt wird, um dir beim schnelleren Lesen und besseren Fokussieren zu helfen.
FreeText
Blake2b-Hash-Generator
Berechne den BLAKE2b-Hash von Text oder einer Datei in deinem Browser, mit einstellbarer Ausgabelänge und optionalem Keyed Hashing (MAC).
Kommentare (0)
Fanden Sie dieses Tool nützlich? Hinterlassen Sie einen Kommentar, teilen Sie einen Tipp oder sagen Sie uns, wie wir es verbessern können.
Noch keine Kommentare. Seien Sie der Erste, der seine Meinung teilt!