Same-Origin-Policy im Firefox für lokale Dateien deaktivieren

Der Zugriff auf lokale Dateien im Firefox ist aufgrund der Same-Origin-Policy im Normalfall nicht möglich. So kann z.B. eine lokale Datei nicht per AJAX nachgeladen werden:

Quellübergreifende (Cross-Origin) Anfrage blockiert: Die Gleiche-Quelle-Regel verbietet das Lesen der externen Ressource auf file:///path/to/file/test.json. (Grund: CORS-Anfrage war nicht http).

Das Feature an sich ist sinnvoll, doch manchmal soll dieses für Entwicklerzwecke abgeschaltet werden. Dies kann über den Aufruf von about:config erreicht werden.

about:config wird aufgerufen

In den Einstellungen findet sich das Attribut:

privacy.file_unique_origin

Wird dieser Wert auf false gesetzt können die Dateien lokal unter Aufhebung der Same-Origin-Policy geladen werden.

Netzwerkverkehr eines Firefox-Add-On überwachen

Vor ein paar Tagen hatte ich ein Problem mit dem Firefox-Add-On LanguageTool. Dabei handelt es sich um eine Integration der Software LanguageTool, bei welchem es sich um eine freie Lösung zur Prüfung von Rechtschreibung und Grammatik handelt.

Da ich das LanguageTool auf einem eigenen Server betreibe und dort einige Änderungen vornahm, funktionierte das Add-On nicht mehr wie gewünscht. Deshalb stellte sich die Frage wie der Netzwerkverkehr des Add-Ons überwacht werden kann. Im Firefox gibt es hierfür die Spezialseite:

about:debugging

Über diese Seite kann unter anderem in den Netzwerkverkehr der installierten Add-Ons geschaut werden.

Unter anderem kann der Netzwerkverkehr des Add-Ons überwacht werden

Dazu muss der Menüpunkt Dieser Firefox ausgewählt und anschließend das gewünschte Add-On ausgewählt und auf den Button Untersuchen geklickt werden. In dem sich öffnenden Fenster kann nun das Add-On untersucht werden.

Dark Mode auf Webseiten

In vielen Betriebssystemen wie z.B. macOS oder iOS zog in den letzten Versionen ein sogenannter Dark Mode ein. Bei diesem Modus werden die Elemente des Betriebssystems auf dunklere Farben eingestellt. Damit wird der Nutzer am Abend bzw. in der Dunkelheit nicht mehr so stark geblendet. Wird allerdings bei aktiviertem Dark Mode eine Webseite aufgerufen, welche von Haus aus mit hellen Farben arbeitet, so wird der Nutzer wieder geblendet. Mittlerweile können Webseiten sich allerdings dem gewünschten Farbschema anpassen. Dazu muss im CSS eine entsprechende Media Query definiert werden:

@media (prefers-color-scheme: dark) {
body {
    background-color: rgb(24, 26, 27);
    color: rgb(214, 211, 205);
}
}

Ist nun der Dark Mode im Betriebssystem aktiviert, wird das präferierte Farbschema übermittelt und kann dann CSS entsprechend umgesetzt werden.

seeseekey.net im Dark Mode

Wer die eigene Webseite mit einem dunklen Farbschema sehen möchte, kann dazu die Firefox-Erweiterung Dark Reader nutzen.

Dark Reader
Preis: Kostenlos

Mit dieser Erweiterungen können Webseiten automatisch in ihre dunklen Versionen überführt werden. Für die Entwicklung einer eigenen dunklen Variante können die neuen Farbwerte nun mittels der Entwicklertools des Browsers aus der Ausgabe der Erweiterung extrahiert werden.

Firefox Add-On zur Archivierung von Webseiten

Zur Archivierung von Webseiten existieren einige Lösungen. So z.B. die Nutzung der Archivierungsmöglichkeiten vom Internet Archive. In meinem Fall wollte ich allerdings, für eine Recherche, mehrere Webseiten lokal archivieren. Natürlich kann die Webseite über Browser eigenen Funktionalitäten gespeichert werden. Auch der Ausdruck bzw. die Generierung eines PDFs aus dem Ausdruck ist möglich. Wesentlich einfacher funktioniert die Archivierung von Webseiten mit dem Firefox Add-On SingleFile.

SingleFile
Preis: Kostenlos

Mit diesem Add-On ist es möglich eine Webseite in einer einzelnen HTML-Datei zu speichern. Bilder und andere Inhalte werden dabei in die HTML-Datei mit übernommen. Nach der Installation des Add-Ons kann über den entsprechenden Button einfach die Archivierung einer Webseite angestossen werden. Die erzeugte HTML-Datei wird dabei automatisch heruntergeladen.

Das Projekt auf GitHub

Die Erweiterung selbst wird auf GitHub entwickelt und ist unter der AGPL3 lizenziert. Damit handelt es sich bei der Erweiterung um freie Software. Neben der Firefox-Variante kann die Erweiterung auch unter Chrome genutzt werden.