Standardmäßig hat eine Webseite im Firefox keine besonderen Berechtigungen. Erteilt man einer Webseite diese, dann wird das mit einem kleinen Symbol (2 Schlüsseln übereinander) links in der Urlbar angezeigt. Nach Klick auf das Symbol wird dann angezeigt, welche Berechtigungen das sind, bzw. welche man ausdrücklich blockiert hat. Wer sich nun diese Berechtigungen deutlicher anzeigen lassen möchte, der kann das mit einem CSS Code erreichen.

So sieht das standardmäßig aus, wenn keine Berechtigungen erteilt wurden:

Firefox keine berechtigung

Und so, wenn man diese erteilt bzw. blockiert hat.

grau

Man kann nicht sofort bzw. schlecht erkennen, ob eine Berechtigung erlaubt oder blockiert ist.

Firefox 83 – Berechtigungen deutlicher anzeigen

Um zu den Einstellungen für die Berechtigungen zu kommen macht man auf der Webseite einen Rechtsklick, und klickt dann auf den Eintrag: Seiteninformationen anzeigen

seiteninformationen anzeigen

In dem sich dann öffnenden Popup oben noch einen Klick auf Berechtigungen machen:

seiteninformationen

Hier lassen sich dann alle individuellen Einstellungen für die gerade geöffnete Webseite einstellen.

userChrome.css und userContent.css erstellen

Hinweis:

Wer zum ersten mal eine dieser Dateien benutzt, der muss zusätzlich in about:config den Wert:

toolkit.legacyUserProfileCustomizations.stylesheets

auf true umschalten.

Wie das gemacht wird hatte ich hier schon mal beschrieben:

userChrome Dateien wieder nutzen

Als erstes gehen wir dazu in den Profilordner vom Firefox, und öffnen dort den selber angelegten Ordner chrome.

Dann im Ordner chrome die userChrome.css Datei öffnen.

In diese Datei tragen wir nun folgenden CSS Code ein:

/*Text Berechtigungen mittig und unterstrichen*/ #identity-popup-permissions-header { text-decoration: underline!important; font-size: 18px !important; color: green !important; display: flex !important; justify-content: center !important; } #identity-popup-popup-menulist { text-align: right !important; } #identity-popup-popup-menulist[label=“Erlauben“] { -moz-appearance: none !important; color: green !important; margin-right: 8px !important; } #identity-popup-popup-menulist[label=“Erlauben“]:hover { -moz-appearance: none !important; color: yellow !important; } /*Berechtigung erlaubt*/ .identity-popup-permission-icon + .identity-popup-permission-label + .identity-popup-permission-state-label { color: green !important; } /*Berechtigung nicht erlaubt bzw. blockiert*/ .identity-popup-permission-icon.blocked-permission-icon + .identity-popup-permission-label + .identity-popup-permission-state-label { color: red !important; } /*Textfarbe bei hover gelb*/ .identity-popup-permission-icon + .identity-popup-permission-label + .identity-popup-permission-state-label:hover, .identity-popup-permission-icon.blocked-permission-icon + .identity-popup-permission-label + .identity-popup-permission-state-label:hover { color: yellow !important; } /*Symbol vor Cookies setzen*/ .identity-popup-permission-icon.cookie-icon { list-style-image: url(„chrome://browser/skin/controlcenter/3rdpartycookies-disabled.svg“) !important; }

Und so sieht der Code dann in der userChrome.css Datei aus:

css

Die Farben können beliebig verändert werden.

Firefox 83 – Berechtigungen deutlicher anzeigen

Dann die userChrome.css Datei schließen und speichern, und den Firefox neu starten, damit die Änderung wirksam wird.

Und so sieht das dann mit der deutlicheren Anzeige der Berechtigungen aus:

farbig

Erlaubte Berechtigungen erscheinen im grünen Text, blockierte im roten.

Für die Farbe grün muss in about:config der Eintrag:

security.secure_connection_icon_color_gray

auf false gesetzt werden.

config

Hier hatte ich dafür schon mal eine Erklärung erstellt, wie das gemacht werden muss.

Grünes Schloss für sichere Https Seiten
Share.