Archiv

Webseitensymbol im Tab ändern im Firefox



Es gibt PC Nutzer, denen gefällt das Standard Webseitensymbol einer Webseite nicht, oder es ist schlecht zu erkennen. Ich habe ja schon mal beschrieben wie man das Webseitensymbol in der Lesezeichensymbolleiste ändern kann. Hier möchte ich beschreiben, wie man dieses Webseitensymbol auch im Tab ändern kann.

Hier mal der Link zu meinem anderen Beitrag:

Lesezeichensymbol ändern

Webseitensymbol im Tab ändern

Auch in diesem Beitrag beschreibe ich das mal für das Webseitensymbol von ebay.

Es gibt 2 Möglichkeiten dieses Webseitensymbol im Tab zu ändern.

Als erstes erkläre ich mal wie man das mit einem Script ändern kann.



Um so ein Script zum Beispiel im Firefox Browser nutzen zu können, bedarf es erst der Installation einer WebExtensions/Erweiterung dafür. Vorteil dieser einen Erweiterung ist dann, es können mehrere Scripte installiert werden, und man erspart sich evtl. eine weitere Erweiterung dann.

WebExtensions/Erweiterungen oder auch Addons genannt findet man auf dieser Webseite von Mozilla:

Addons Mozilla

Für mein Beispiel mit dem Script braucht man eine dieser 3 Erweiterungen:

Entweder

Greasemonkey,

Greasemonkey

Tampermonkey,

Tampermonkey

oder auch Violentmonkey.

Violentmonkey

Ich habe mich für Tampermonkey entschieden.

Nach Aufruf der Mozilla Seite über obigen Link zu Tampermonkey klickt man einfach auf den Button:

+ Zu Firefox hinzufügen

Die Installation im Firefox erfolgt dann automatisch.

Zu erkennen ist das gleich an dem neu erstellten Icon in der Navigationsleiste vom Firefox.

Nach Klick auf das Icon erscheint dieses kleine Fenster.

Hier klickt man dann einfach auf den Eintrag:

Neues Script erstellen

Dann öffnet sich dieses neue Fenster.

Am einfachsten jetzt den schon vorhandenen Text markieren und dann entfernen/löschen.

Und diesen neuen Text dafür wieder einfügen:

// ==UserScript==
// @name ebay Favicon ändern im Tab
// @description eigenes Favicon für ebay
// @include https://www.ebay.de/*
// @include https://signin.ebay.de/*

// @include https://stores.ebay.de/*
// @include https://deals.ebay.de/*
// @include https://portal2.ebay.de/*
// @include https://kleinanzeigen.ebay.de/anzeigen/

// @include https://kleinanzeigen.ebay.de/*
// @include https://www.ebay-kleinanzeigen.de/*
// ==/UserScript==

var head = document.getElementsByTagName('head') [0];
var icon = document.createElement('link');
icon.setAttribute('type', 'image/x-icon');
icon.setAttribute('rel', 'shortcut icon');

icon.setAttribute('href', 'data:image/x-icon;base64,R0lGODlhEAAQAPQaAAAAAEpzAD0AuUkA3ACWMQDcSUncALkAAJYAYrkAerl6AP8AAP9zSP9rj/+qAP+qJf+4SP//AI7U//+xscDAwNT/1NT/4//U1P/j1P/78P///////wAAAAAAAAAAAAAAACH5BAEAABsALAAAAAAQABAAAAVg4CaOZGmeaHpqrCayGwuQmiCwFUFoBmFRrdotwmAEeD7NZMFECAY3SEBXyFyYmsNCIBEoIg9CwXVdHM43AUPD2IkuWowmwVU7HITKq8FE21gFeSJAQS0ZMTAqiouMjSUhADs=');
head.appendChild(icon);

(Dazu am besten den Text kopieren und in die Seite dann wieder einfügen)

Das sieht dann so aus:

Abschließend dann noch oben links auf Datei klicken und das Script speichern.

Dann erscheint oben eine kurze Mitteilung dass das Script erfolgreich installiert wurde.

Das sieht dann so aus:

Webseitensymbol im Tab ändern

Das war es dann auch schon, das Script ist sofort ohne Neustart vom Firefox aktiviert.

Wenn man jetzt die Webseite ebay öffnet, dann wird das eigene geänderte Webseitensymbol in einem Tab angezeigt.

Möchte man dieses Script nicht mehr nutzen, kann man es einfach wieder löschen. Oder man klickt das Icon der Erweiterung Tampermonkey an, und deaktiviert das Script nur durch anklicken des Eintrages ebay Favicon ändern im Tab.

Und hier die zweite Möglichkeit so ein Webseitensymbol im Tab zu ändern.

Wer nicht gerne mit Scripten arbeiten möchte, der kann sich in diesem Fall eine WebExtensions downloaden und installieren, bei der man nur die jeweilige Webseite eintragen, und dann noch das passende Icon auf dem PC dafür raussuchen muss.

Diese WebExtension nennt sich favicon-customizer.

Hier der Download Link dazu:

favicon-customizer

Nach dem Download und der Installation der WebExtension öffnet man über about:addons..Erweiterungen das Einstellungsfenster,

und klickt dann innerhalb der WebExtension favicon-customizer auf Einstellungen.

Hier gibt man dann den Url der Webseite an, und vergibt einen Namen dafür. Unten über Durchsuchen sucht man das passende Symbol welches man sich auf seinem PC gespeichert hat und wählt es aus. Zum Abschluss noch den Button Save Settings klicken, und das neue Symbol wurde gespeichert.

Für jede weitere Änderung eines Symboles klickt man unten rechts einfach auf den Button Add, und wiederholt obige Einträge für die neue Webseite.

Und so sieht das dann mit dem neuen Icon von ebay im Tab aus:

Passende Icons für so eine Änderung findet man im Internet. Wichtig dabei, sie müssen eine Größe von 16×16 haben.

Hinweis:

Wer obige Änderung gemacht hat, den könnte evtl. auch dieser Beitrag interessieren, wo ich mal beschrieben habe, wie man die Symbole auch in der Lesezeichensymbolleiste ändern kann:

Lesezeichensymbole ändern

Echo Plus (2. Gen.), mit Premiumklang und integriertem Smart Home-Hub, Anthrazit Stoff
1.285 Bewertungen
Echo Plus (2. Gen.), mit Premiumklang und integriertem Smart Home-Hub, Anthrazit Stoff
  • Echo Plus hat einen integrierten Zigbee-Hub, mit dem kompatible Smart Home-Geräte ganz einfach eingerichtet und gesteuert werden können, und bietet einen verbesserten Klang für das Streamen von Musik.
  • Neue hochwertige Lautsprecher mit Dolby-Verarbeitung erfüllen den Raum mit purem 360-Grad-Klang mit klaren Höhen und dynamischen Bässen. Die Equalizer-Einstellungen sind in der Alexa App verstellbar.



Das könnte auch interessant sein...


Tags

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Back to top button