Webseiten-Bereiche im Firefox automatisch ausblenden (mit Greasemonkey)

Bei der Nutzung von Webseiten und Services kann es sein, dass der Nutzer sich von immer wieder auftauchenden Elementen gestört fühlt, aber meint, wenig Kontrolle über die Darstellung zu haben. Mit einer kostenlosen Browser-Erweiterung ist es jedoch möglich, die Website-Ansicht in vielerlei Hinsicht anzupassen. Der Artikel erläutert die Vorgehensweise für den Firefox Browser.

Am Beispiel des Login-Bereichs der Deutschen Bank (Online-Banking) zeige ich, wie die Greasemonkey-Erweiterung genutzt werden kann, um einen unerwünschten Seitenbereich ganz einfach automatisch auszublenden. So wird dieser bei zukünftigen Seitenbesuchen nicht mehr sichtbar.

Installation der Browser-Erweiterung Greasemonkey

Zuerst muss die kostenlose Browser-Erweiterung installiert werden. Der dazu benötigte Link befindet sich auf folgender Seite im offiziellen Mozilla Firefox Addon Vereichnis:

Zur Greasemonkey-Erweiterung »

Firefox Greasemonkey Installation
Firefox Greasemonkey Installation

Nach dem Klick auf den grünen Button „+Add to Firefox“ wird das Addon heruntergelasen und eine Sicherheitswarnung erscheint. Nach der Bestätigung über „Jetzt installieren“ wird die Ertweiterung im Firefox eingefügt. Anschließend fordert der Firefox zum Neustart des Browsers auf.

Anlegen eines neuen Greasemonkey Nutzerskriptes

Danach zeugt ein kleines Symbol mit dem Äffchen in der Symbolleiste von der erfolgreichen Installation des Addons. Ein Klick auf den Pfeil neben dem Symbol führt unter anderem zum Punkt „Benutzerskripte verwalten“. Dort findet sich eine Übersicht der bereits installierten User-Skripte. Diese dürfte nach der Erstinstallation leer sein. Oberhalb der Liste befindet sich der Punkt „Neues Benutzerskript“:

Neues Greasemonkey Skript anlegen
Neues Greasemonkey Skript anlegen

Dieser ermöglicht das Eintragen neuer Skripte, die dann auf allen oder auch ganz bestimmten Webseiten zum Tragen kommen. Nach einem Klick auf den Link erscheint ein neues Eingabefenster in dem dann die entsprechenden Angaben für das Skript gemacht werden können, bevor es zur eigentlichen Eingabe kommt:

Greasemonkey Nutzerskript anlegen
Greasemonkey Nutzerskript anlegen

Von den obigen Werten ist vor allem das „Auf diesen Seiten anwenden“ wichtig. Denn das definierte Skript wird nur auf den dort genannten Seiten und Unterseiten angewandt. Es ist auch möglich mit dem Stern „*“ (Wildcard) zu arbeiten, was dann alle Unterseiten der angegebenen Adresse betrifft (siehe oben).

Auch anders herum kann definiert werden: das Skript soll für ALLE Seiten gelten und nur auf einer (oder mehreren) bestimmten Seite(n) ausgeschlossen werden. Dazu wird einfach das untere Feld verwendet.

Nach dem Klick auf „OK“ erscheint das eigentliche Eingabefenster für das Greasemonkey-Skript:

Greasemonkey-Skript Eingabe
Greasemonkey-Skript Eingabe

Die Programmierung für das obige Beispiel hier noch mal als Quelltext zum Kopieren für die eigenen Versuche:

function addGlobalStyle(css) {
 var head, style;
 head = document.getElementsByTagName('head')[0];
 if (!head) { return; }
 style = document.createElement('style');
 style.type = 'text/css';
 style.innerHTML = css;
 head.appendChild(style);
}
 
addGlobalStyle('#headerContainer .teaser { display: none ! important; }');

Der Code sorgt dafür, dass im <head>-Bereich der Website ein Stylesheet angelegt wird mit den angaben, die den Werbe-Teaser im Kopfbereich der Website selektieren und wie gewünscht ausblenden. Dadurch gewinnt der Nutzer deutlich mehr Platz und muss weniger scrollen bei jedem Aufruf der Seiten. Bei der Programmierung solcher Skripte ist das Grund-Verständnis von HTML/CSS erforderlich und Kenntnisse von JavaScript hilfreich.

Greasemonky-Nutzerskript in der Anwendung

So sieht die Seite nach dem Login mit dem Banner aus (das bei jedem Aufruf in der Oberfläche dargestellt wird):

Deutsche Bank Online-Banking Werbe-Header
Deutsche Bank Online-Banking Werbe-Header

Und so stellt sich die Seite nach dem Einfügen bzw. Aktivieren des Greasemonkey-Skripts zum Ausblenden des Header-Banners dar:

Deutsche Bank online-Banking ohne Banner
Deutsche Bank online-Banking ohne Banner im Header

Natürlich lassen sich mit Greasemonkey-Skripten noch unendlich viele weitere Anwendungsmöglichkeiten ersinnen und entsprechende Lösungen umsetzen. Dieser Artikel soll nur beispielhaft eine typische Anwendung erläutern. Davon ausgehend lassen sich auf vielen Webseiten störende Elemtente ausblenden. Ein bisschen Experimentieren ist jedoch meist erforderlich.

Für ungeübtere Anwender gibt es auch ein Verzeichnis fertiger Nutzerskripte. Hier ist jedoch Vorsicht geboten: denn wer nicht genau weiß, was ein Skript macht, der riskiert auch, dass es sensible Daten an ungeeignete Empfänger übermittelt oder sonstigen Schaden anrichtet.

Dokumentation für die Programmierung von Greasemonkey-Skripten

Auf folgender Seite finden sich weiterführende Informationen zur Entwicklung von Greasemonkey-Skripten:

Greasemonkey (und andere) Nutzerskripte »

„Dive Into Greasemonkey“ Einführung in Greasemonkey Programmierung » (deutsch)

Schreibe einen Kommentar