Firefox

Firefox 83 – Berechtigungen deutlicher anzeigen

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.

Bis zur Firefox Version 56 war es möglich, solche optischen Änderungen durch diverse Erweiterungen zu erreichen.

Das eine oder andere ist seit der Firefox Version 57 nicht mehr möglich, da Mozilla dafür (zumindest noch) keine Schnittstelle mehr zur Verfügung stellt.

Aus diesem Grund muss man jetzt optischen Änderung am Firefox mit einer userContent.css bzw. einer userChrome.css Datei erstellen.

Dazu bedarf es allerdings erst einer kleineren Vorbereitung, die ich hier schon mal erklärt hatte.

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

Und hier nun die Erklärung, wie man das mit dem CSS – Code dann machen muss.



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;
}

(Dazu am besten den Text kopieren, und in die userChrome.css wieder einfügen)

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

css

Die Farben können beliebig verändert werden.

devolo Magic 1 – 1200 WiFi ac Starter Kit: 2 Powerline-Adapter, WLAN-Funktion, ideal für Home Office (1200 Mbit/s, 2x Fast-Ethernet LAN-Anschlüsse, Mesh, G.hn)
923 Bewertungen
devolo Magic 1 – 1200 WiFi ac Starter Kit: 2 Powerline-Adapter, WLAN-Funktion, ideal für Home Office (1200 Mbit/s, 2x Fast-Ethernet LAN-Anschlüsse, Mesh, G.hn)
  • Smarte Mesh-Vernetzung: WLAN mit 1200 Mbit/s für Ihr gesamtes Zuhause, perfekt für Streamen, Surfen und Home-Office!
  • Simple Einrichtung und zukunftssichere G.hn-Technologie: Einfache Passwortvergabe für Gäste-WLAN und integrierte Kindersicherung

Damit man später noch genau weiß was der jeweilige CSS Code bedeutet, sollte man sich über dem CSS – Code einen aussagekräftigen Hinweis erstellen.

Dazu schreibt man vor dem Text erst einen Slash und einen Stern /* dann die Beschreibung der Funktion…und als Abschluss schreibt man diesmal erst den Stern und dann das Slashzeichen */

Die Zeichen vorher und nachher bedeuten, dass der Text auskommentiert ist, und somit keinen Einfluss auf den CSS Code bzw. seine Funktion hat.

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.

Möchte man eines Tages diese Änderung nicht mehr nutzen, dann reicht es aus, den CSS Code in der userChrome.css wieder zu löschen.

Danach noch einen Neustart vom Browser machen, und die Schrift wird wieder standardmäßig angezeigt.

Hinweis:
Hier hatte ich mal beschrieben, was man alternativ zur userChrome.css Datei am besten machen sollte:

userChrome.css aufräumen

Vorteil dadurch, es ist alles viel übersichtlicher, und man findet schneller mal etwas wieder.

Dieser Tipp kann bzw. sollte auch auf die Datei userContent.css angewandt werden.

(Diese Datei wird für optische Änderungen an Webseiten, bzw. allen Firefox Seiten die mit about beginnen benötigt)

Hinweis:
Das auf meinen Screenshots angezeigte grüne Schlosssymbol links in der Urlbar ist standardmäßig grau.

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

Auch interessant:



Auf diese Seite sind Amazon-Links enthalten. Als Amazon-Partner Verdienen wir an qualifizierten Verkäufen, falls Du auf einen entsprechenden Amazon Link klickst.
Haben Sie Fragen zu diesen Artikel oder generell zu Windows oder Computer? Dann wendet euch an unserem Forum

Noch keine Antwort

Loading new replies...

windowspower.de

Administrator

26 messages 1 likes

Firefox 83 - Berechtigungen deutlicher anzeigen

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 …

(Kompletten Artikel lesen...)

Reply Like

weiterzulesen...
Schaltfläche "Zurück zum Anfang"