CodePrettify: JS, JSON, CSS & RSS Formatierer
Extension Actions
- Live on Store
Automatische Formatierung und Syntaxhervorhebung für JS, JSON, CSS und RSS. Themes, klappbares JSON und Zeilennummern.
CodePrettify formatiert, analysiert und hebt rohe JavaScript-, JSON-, CSS-, XML- und RSS/Atom-Dateien automatisch hervor, sobald du sie öffnest. Egal ob du eine minifizierte API-Antwort, einen komplexen Feed oder eine lokale Konfigurationsdatei ansiehst – du erhältst eine IDE-ähnliche Erfahrung direkt im Browser.
🚀 INTELLIGENTE AUTOMATISIERUNG UND FORMATIERUNG
- Automatische Formatierung: Erkennt unübersichtlichen oder minifizierten Code und macht ihn mit deiner bevorzugten Einrückung lesbar
- Intelligente Minifizierungserkennung: Analysiert die Codedichte und formatiert komprimierte Dateien automatisch, während gut formatierter Code erhalten bleibt
- Intelligentes Rendering: Strukturierte Darstellung für dichten und bereits formatierten Code
- Code-Faltung: Funktionen, Klassen, Objekte, Arrays und XML-Blöcke ein- und ausklappen
- JSON-Viewer: Interaktive und einklappbare JSON-Darstellung mit konfigurierbarem Verhalten
📊 UNTERSTÜTZUNG FÜR STRUKTURIERTE DATEN
- Vollständige Unterstützung für JSON und XML/RSS/Atom mit Syntaxhervorhebung und automatischer Formatierung
- JSON: Einklappbare Objekte und Arrays mit Breadcrumb-Navigation und JSON-Path-Tools
- XML/RSS: Hierarchische Struktur mit Element-Faltung und Entity-Dekodierung
- Klickbare Links in JSON und XML
- Tabellenansicht: JSON-Arrays und wiederkehrende XML-Elemente können als Tabellen dargestellt werden
🧭 ERWEITERTE NAVIGATION UND GROSSE DATEIEN
- Dokumentnavigator: Strukturelle Übersicht für JSON, JavaScript und XML
- Code-Minimap: Schnelle Navigation in großen Dateien
- Persistenter Zustand: Stellt Faltungen, Suche, markierte Zeilen und Anzeige wieder her
- Intelligente Vorschau: Zeigt Zusammenfassungen wie Array(5) oder {3 keys}
🔍 CODE-ANALYSE UND DEBUGGING
- Diagnosepanel: Syntaxstatus, Warnungen und Dateiinformationen
- Statistikpanel:
- Allgemein: Dateigröße, Zeilen- und Zeichenanzahl
- JSON: Tiefe, Anzahl der Schlüssel, Array-Größen
- JavaScript: Anzahl der Funktionen und Variablen
- CSS: Selektoren, Regeln, Media Queries
- XML/RSS: Tags, Attribute und Namespaces
- Integrierte Validierung:
- JSON: Syntaxfehler mit exakter Zeilennummer
- JavaScript: Erkennt fehlende Klammern und typische Fehler
- CSS/XML: Strukturelle Validierung
- Sofortiges Feedback: Unaufdringliche Fehlermeldungen
- Debugging in Echtzeit: Code beim Lesen analysieren und prüfen
🔐 DATENINSPEKTION UND DEKODIERUNG
- Base64- und JWT-Dekodierung: Zeigt kodierte und dekodierte Werte in einem Modal
- Zeitstempel-Erkennung: Erkennt Unix-Timestamps und ISO-Daten
- JSON-Path-Tools: JSON-Strukturen untersuchen, kopieren und abfragen
🔎 SUCHE UND INTERAKTION
- Erweiterte Suche (Ctrl+F) mit Trefferanzahl
- Regex-Suche mit /pattern/flags
- Gehe zu Zeile (Ctrl+G)
- Klickbare Links und Importpfade
- Klammerzuordnung für {}, (), []
🌐 REQUEST- UND KONTEXTINFORMATIONEN
- HTTP-Kontextpanel: Status, Header, Encoding und Metadaten anzeigen
- cURL- und fetch-Generator zur Reproduktion von Anfragen
🎨 VISUELLE TOOLS UND CSS
- Hex- und RGB-Farbvorschau
- Integrierter Farbwähler
- Zero-Flash Loading verhindert das Aufblitzen von Rohtext
🔒 DATENSCHUTZ UND SICHERHEIT
- 100% lokale Verarbeitung: Alles läuft direkt im Browser
- Keine externen Anfragen: Daten werden nie an Server gesendet
- Keine Drittanbieter-Bibliotheken: Keine externen Abhängigkeiten
- Sicher für sensible Daten: Geeignet für APIs, Tokens und interne Systeme
📂 FUNKTIONIERT ÜBERALL
- Unterstützt Web-Antworten und lokale Dateien (file://)
- Funktioniert mit APIs, Konfigurationsdateien und statischen Dateien
⚙️ ANPASSUNG
- Themes: Hell, dunkel, automatisch
- Einstellungen: Schriftgröße, Einrückung, Zeilennummern, Zeilenumbruch, Minimap
⌨️ TASTENKÜRZEL
- Ctrl+B: Zwischen Raw- und Pretty-Ansicht wechseln
- Ctrl+Alt+C: In die Zwischenablage kopieren
- Ctrl+F: Suchen
- Ctrl+G: Zu Zeile springen
- Ctrl+Alt+T: Toolbar ein-/ausblenden
📝 HINWEIS FÜR LOKALE DATEIEN
Um CodePrettify mit lokalen Dateien (file:/// ) zu verwenden, aktiviere "Allow access to file URLs" in den Chrome-Erweiterungseinstellungen
Unterstützt 14 Sprachen, darunter Deutsch, Englisch, Norwegisch, Spanisch und Chinesisch.
Latest reviews
- Game Top
- Must have tool for anyone who codes!