Style Engine – Custom CSS & JavaScript von Glitchid

Style Engine ermöglicht es dir, eigene CSS- und JavaScript-Regeln auf Websites anzuwenden – entweder global oder für einzelne Domains.

Die Erweiterung wurde für Entwickler, Designer, Power-User und alle entwickelt, die mehr Kontrolle darüber haben möchten, wie Websites aussehen und sich verhalten, ohne serverseitigen Code zu verändern.

Erstelle einfache visuelle Anpassungen, entferne unerwünschte Elemente der Benutzeroberfläche, passe Typografie und Abstände an, teste CSS-Ideen oder führe deine eigenen JavaScript-Snippets direkt im Browser aus.

HAUPTFUNKTIONEN

Globale Regeln
Wende CSS oder JavaScript auf allen unterstützten Websites an. Globales CSS und globales JavaScript können unabhängig voneinander aktiviert werden.

Website-spezifische Regeln
Erstelle separate CSS- und JavaScript-Regeln für einzelne Domains. Jede Website kann ihren eigenen Code sowie unabhängige Steuerelemente zum Aktivieren oder Deaktivieren von CSS und JavaScript haben.

Live-CSS-Aktualisierungen
CSS-Änderungen können während der Bearbeitung direkt auf der aktiven Seite als Vorschau angezeigt werden.

Optionale Live-JavaScript-Vorschau
JavaScript kann während der Bearbeitung im Popup als Vorschau ausgeführt werden. Die Live-JavaScript-Vorschau kann in den Einstellungen deaktiviert werden.

Bereinigung von JavaScript-Effekten
Wenn unterstützte Live-JavaScript-Änderungen ersetzt oder deaktiviert werden, kann Style Engine gängige Auswirkungen auf DOM-Elemente, Styles, Event-Listener und Timer bereinigen, ohne dass die Seite neu geladen werden muss.

Unterstützung für SPA-Navigation
CSS bleibt auch bei der Navigation in modernen Single-Page-Anwendungen verfügbar. Optional kann in den Einstellungen festgelegt werden, dass JavaScript bei SPA-Navigation erneut ausgeführt wird.

Automatisches Speichern
Änderungen im Editor können während der Arbeit automatisch gespeichert werden. Das automatische Speichern kann auch deaktiviert werden, wenn du die Änderungen lieber manuell über die Speichern-Schaltflächen sichern möchtest.

Globale und website-spezifische Verwaltung
Verwalte gespeicherte Websites, bearbeite bestehende Regeln, erstelle neue Website-Regeln oder entferne Regeln über eine eigene Einstellungsoberfläche.

Sicherung und Wiederherstellung
Exportiere deine vollständige Style-Engine-Konfiguration als lokale JSON-Sicherungsdatei und stelle sie bei Bedarf wieder her.

Helles und dunkles Design
Verwende automatisch das Design deines Systems oder wähle manuell eine helle oder dunkle Benutzeroberfläche.

Flexible Rückmeldungen
Wähle für Aktionsrückmeldungen zwischen Desktop-Benachrichtigungen, eingeblendeten Meldungen oder einem lautlosen Modus.

Mehrsprachige Benutzeroberfläche
Style Engine unterstützt derzeit:
Englisch
Deutsch
Spanisch
Französisch
Italienisch
Niederländisch
Polnisch
Portugiesisch
Russisch
Türkisch

TYPISCHE ANWENDUNGSFÄLLE

• Erstelle benutzerdefinierte dunkle oder helle Designs für Websites.
• Blende Banner, Werbebereiche, fixierte Elemente oder andere unerwünschte Bestandteile der Benutzeroberfläche aus.
• Passe Schriftarten, Farben, Abstände und das Seitenlayout an.
• Füge visuelle Anpassungen zur Verbesserung der Barrierefreiheit hinzu.
• Erstelle Overlays für Debugging oder Entwicklung.
• Führe kleine JavaScript-Snippets für wiederkehrende browserseitige Aufgaben aus.
• Verwende unterschiedliche Anpassungen für verschiedene Websites.
• Wende gemeinsame CSS- oder JavaScript-Regeln global an.

DATENSCHUTZ UND KONTROLLE

Kein Tracking
Style Engine erfasst weder den Browserverlauf noch Analysedaten oder Nutzungs-Telemetrie.

Lokale Speicherung
Deine Einstellungen, dein CSS, dein JavaScript und deine Website-Regeln werden lokal in deinem Browser gespeichert.

Keine Browser-Synchronisierung
Style Engine lädt deine gespeicherten Regeln nicht über den Synchronisierungsspeicher des Browsers hoch und synchronisiert sie nicht darüber.

Kein externer Code
Style Engine lädt kein JavaScript von externen CDNs oder anderen externen Codequellen herunter und führt keinen solchen Code aus.

Vom Benutzer kontrollierter Code
Die Erweiterung führt Code aus, den du selbst in Style Engine eingibst.

Website-Berechtigungen werden bei Bedarf angefordert
Der Zugriff auf Websites wird angefordert, wenn du eine Funktion aktivierst, die Zugriff auf eine Website benötigt. Globale Regeln können umfassendere optionale Website-Berechtigungen erfordern.

Deine Regeln bleiben vollständig unter deiner Kontrolle und können jederzeit aktiviert, deaktiviert, bearbeitet, exportiert, wiederhergestellt oder entfernt werden.

LINKS

Website:
https://glitchid.com/products/style-engine/

Dokumentation:
https://glitchid.com/products/style-engine/documentation/

Datenschutzerklärung:
https://glitchid.com/privacy/style-engine-privacy/

Nutzungsbedingungen:
https://glitchid.com/terms/style-engine-terms/

Support:
support@glitchid.com

Herausgeber:
Glitchid