Internet

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

Das neue Echo Plus (2. Gen.), mit Premiumklang und integriertem Smart Home-Hub, Anthrazit Stoff
803 Bewertungen
Das neue Echo Plus (2. Gen.), mit Premiumklang und integriertem Smart Home-Hub, Anthrazit Stoff*
von Amazon
  • 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.
  • Alexa kann Musik abspielen, die Nachrichten und die Wettervorhersage vorlesen, Wecker und Timer stellen, kompatible Smart Home-Geräte steuern, Kontakte, die ein Echo-Gerät oder die Alexa App haben, anrufen (Skype bald verfügbar) und vieles mehr.
  • Richten Sie Ihr Smart Home ein - ganz ohne separaten Hub. Bitten Sie Alexa, kompatible Zigbee-Lampen, -Schalter und mehr zu steuern. Echo Plus verfügt zudem über einen integrierten Temperatursensor.
  • Fragen Sie Alexa nach einem Song, einem Interpreten oder einer Musikrichtung von Amazon Music, Spotify, TuneIn und weiteren. Mit Multiroom Musik können Sie Musik auf Echo-Geräten in verschiedenen Räumen wiedergeben.
  • Sie können Personen, die ein Echo-Gerät oder die Alexa App haben, per Sprachbefehl anrufen oder ihnen Nachrichten schicken (Skype bald verfügbar). Verbinden Sie sich direkt über Drop In mit anderen kompatiblen Echo-Geräten in Ihrem Haushalt.
  • Mit sieben Mikrofonen, Beamforming-Technologie und Geräuschunterdrückung hört Echo Plus Sie aus jeder Richtung, selbst wenn gerade Musik spielt.
Prime Preis: € 149,99 Jetzt auf Amazon kaufen*
Preis inkl. MwSt., zzgl. Versandkosten

Tags
Mehr anzeigen

Schreibe einen Kommentar

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