Beiträge von Mira_Belle

Mira_Belle

Sorry, ein klassisches Missverständnis.

Ich würde einmalig auf einem System das Wörterbuch einer Firefoxinstallation mit den "Fachbegriffen, lateinische Namen und den Trivialnamen" füttern und dann die Datei persdict.dat per Batch oder wie auch immer verteilen.

Dürfte einfacher sein als ein zertifiziertes Wörterbuch zu erstellen und auch schneller.

Eventuell geht auch ein PowerShell Script, welches erst den Profilpfad abfragt und dann einfach die persdict.dat kopiert

und die vorhandene ersetzt.

Mira_Belle

Zitat von Sören Hentzschel

Auf der verlinkten Seite steht doch überhaupt nichts zum Erstellen eines Wörterbuchs.
Falls es bei der Recherche hilft: Es handelt sich um Hunspell-Wörterbücher.

Mira_Belle

Zitat von Astrophytum

Das war auch mein Gedanke, welchen ich Anfangs äußerte.
Ich mache mich schlau, wie ich eigenes Wörterbuch erstellen kann....
... nach 15 min Recherche habe ich nichts gefunden, wie ich eigenes Wörterbuch erstellen kann, sorry.

Rechtschreibprüfung in Firefox nutzen | Hilfe zu Firefox

Funktioniert bei mir aber leider nicht.

Zitat von Astrophytum

Hallo,
das per Batch an den richtigen Pfad zu kopieren ist klar.
Die Frage ist, wie bekomme ich in einer Batch den aktuell genutzten Pfad des Profilordners von FF heraus?
Und ich müsste die neuen Wörter an die vorhanden Datei anhängen, was wiederum nicht das Problem ist.
Dank & Gruß

Wenn da nichts verbogen wurde => %appdata%\Mozilla\Firefox\Profiles

Mira_Belle

Meine Schlafstörung hat mich mal wieder wach gehalten heute Nacht.

Habe dann etwas an dem JavaScript verändert und auch das CSS angepasst.

Dabei ist mir aufgefallen, dass oben im Script, wenn man beide Teile aus #5 und aus #10 zusammen führen möchte,

ein gemeiner Bug vorhanden ist.

Deshalb hier das ganze und korrigierte Script

JavaScript

// FavIconInUrlBar.uc.js
// Source file https://www.camp-firefox.de/forum/thema/130540/?postID=1214926#post1214926
// Source file https://www.camp-firefox.de/forum/thema/136090r/?postID=1221738#post1221738

var myPath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));  // Pfadangabe zum Profilordner
var myPrefix = "default-browser-red.svg";  // Name (& Dateiendung) des anzuzeigenden Symbols
var mySuffix = ' ';  // Dateiendung des anzuzeigenden Symbols
var Src = myPath + myPrefix + mySuffix;
var i_icon = 'chrome://global/skin/icons/info.svg';
var sheet = 'chrome://global/skin/icons/Portrait.png';
var brand = 'chrome://branding/content/icon32.png';
var globe = 'chrome://global/skin/icons/defaultFavicon.svg';
var all = 'chrome://global/skin/icons/settings.svg';
var icon_for_pages_without_favicon = Src; // i_icon, sheet, globe or brand (colorized Fx channel icon)

(function() {
    if (location.href !== 'chrome://browser/content/browser.xhtml') return;
        let fav = document.createXULElement('image');
        fav.setAttribute('id', 'faviconid');
        fav.setAttribute('class', 'faviconclass');
    gBrowser.tabContainer.addEventListener('TabAttrModified', function() {            
        let favicon = gBrowser.selectedTab.image;  
        if (favicon) {    
            fav.src = favicon;        
            var position = document.getElementById('identity-icon');
            position.parentNode.insertBefore(fav, position.previousSibling);
        }
       else {
           fav.src = icon_for_pages_without_favicon;
    var position = document.getElementById('identity-icon');
    position.parentNode.insertBefore(fav, position.previousSibling);
       }
    }, false);
    fav.style.height = '16px';
    fav.style.width  = '16px';
    fav.style.marginLeft  = '7px';
    fav.style.marginRight  = '3px';
    fav.style.marginTop  = '2px';
})();

Alles anzeigen

und auch das geänderte CSS

CSS

    /*------------------------------------------------*/
    /********** Anpassungen für Systemseiten **********/
    /*------------------------------------------------*/
    /* https://www.camp-firefox.de/forum/thema/135966/?postID=1219832#post1219832 */
    /* localResource (about:about) */

    #identity-box[pageproxystate="valid"].localResource #faviconid {
        display: none !important;
    }
    #identity-box[pageproxystate="valid"].localResource #identity-icon {
        width: 16px !important;
        height: 16px !important;
        margin-left: 4px !important;
        background-image: url("../icons/firefox_logo_2004.svg")!important;
        background-repeat: no-repeat !important;
        background-size: 16px 16px !important;
        list-style-image: unset !important;
    }
    #identity-box[pageproxystate="valid"].localResource::after {
        content: "Firefox"!important;
        margin-left: -2px !important;
        padding-left: -1px !important;
    }
    #identity-box[pageproxystate="valid"].localResource {
        margin-right: 8px !important;
        padding-right: 10px !important;
    }
    #identity-box[pageproxystate="valid"].localResource::after {
        background: url("chrome://global/skin/icons/info.svg") !important;
        background-repeat: no-repeat !important;
        background-position: 48px 2px !important;
        background-size: 16px 16px !important;   
        padding-right: 24px !important;
        -moz-context-properties: fill !important;
        fill: #ffcc00 !important;
    }

    /* chromeUI */

    #identity-box[pageproxystate="valid"].chromeUI #identity-icon {
        list-style-image: unset !important;
        width: 16px !important;
        height: 16px !important;
        background-image: url("../icons/firefox_logo_2004.svg")!important;
        background-repeat: no-repeat !important;
        background-size: 16px 16px !important;
    }

    #identity-box[pageproxystate="valid"].chromeUI #identity-icon-label {
        margin-bottom: 2px !important;
    }

    /* #identity-box[pageproxystate="invalid"]  */
    /* Der Code für about:home & about:welcome */

    #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #faviconid {
        display: none !important;
    }
    #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {
        list-style-image: unset !important;
        margin-left: 5px !important;
        background: url("../icons/firefox_logo_2004.svg")!important;
        background-size: 16px 16px !important;
    }
    #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"]::after {
        content: "Firefox"!important;
        margin-left: 1px !important;
    }
    #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] {
        margin-right: 8px !important;
        padding-right: 10px !important;
    }
    #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"]::after {
        background: url("chrome://global/skin/icons/defaultFavicon.svg") !important;
        background-repeat: no-repeat !important;
        background-position: 48px 2px !important;
        background-size: 16px 16px !important;   
        padding-right: 24px !important;
        -moz-context-properties: fill !important;
        fill: #ffcc00 !important;    
    }

Alles anzeigen

Und das "alte" und schönere Firefoxlogo => firefox_logo_2004.zip

Nun, einen Tod muss man wohl immer sterben!

Mit dieser Anpassung verlieren leider die Seiten about:privatbrowsing, about:robots und

auch about:sync-log ihre eigenen Favicons (Symbole)

Das finde ich irgendwie auch doof, habe aber leider keine Lösung dafür.

Mira_Belle

Schlafstörungen sind doch was Feines, man hat Zeit um Dinge zu tun, die man eigentlich gar nicht tun müsste.

Habe das JavaScript mal ergänzt!

JavaScript

var myPath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));  // Pfadangabe zum Profilordner
var myPrefix = "bug_1";  // Name (& Dateiendung) des anzuzeigenden Symbols
var mySuffix = '.svg';  // Dateiendung des anzuzeigenden Symbols
var Src = myPath + myPrefix + mySuffix;
var i_icon = 'chrome://global/skin/icons/info.svg';
var sheet = 'chrome://global/skin/icons/Portrait.png';
var brand = 'chrome://branding/content/icon32.png';
var globe = 'chrome://global/skin/icons/defaultFavicon.svg';
var all = 'chrome://global/skin/icons/settings.svg';
var icon_for_pages_without_favicon = Src; // i_icon, sheet, globe or brand (colorized Fx channel icon)
(function() { ....

Alles anzeigen

Wenn ein eigenes Icon aus dem "%appdata%\Mozilla\Firefox\Profiles\chrome\icons"- Ordner verwendet werden soll,

oder eines von den "Internen".

Ach, wenn unter var myPrefix der Name & die Endung angegeben wird,

muss die Dateiendung unter var mySuffix gelöscht werden, also vR mymySuffix = ' ';.

Mira_Belle

@Astrophytum

Wenn Du doch schon eine aktuelle Datei persdict.dat hast, kannst Du doch diese kopieren und dann verteilen.

Eventuell für Dummies ein Batch erstellen, damit das Kopieren in den richtigen Ordner von alleine erfolgt.

Mira_Belle

Zitat von Horstmann

Was genau ist das, was so aussieht ?

Nun bin ich bei dieser Frage etwas irritiert.

Lautet doch die Überschrift "Eigene Icons für about:xxx in der Urlbar, bzw. im Container".

Auch ist auf den Ursprungs-Thread verlinkt, sodass es, klar sein sollte, um was es geht.

Es wären zwei Klicks gewesen.

So in etwa sehen die Adresszeilen aus, ohne das JavaScript und dem dazugehörenden CSS.

Und mit JavaScript und CSS eben im Container am Anfang der Adressleiste so wie oben gezeigt.

Mit dem Firefoxicon, dem Schriftzug "Firefox" und dem Favicon!

Wobei es einige ganz wenige internen Seiten, wie z.B. about:privatebrowsing oder auch about:robots,

die eigene andere Icons (Symbole) mitbringen.

Mira_Belle

Zitat von Pieks

Versuch' mal Folgendes in Deiner eigenen uBlock-Filterliste (eventuell die Domain noch anpassen, wenn Du stattdessen z.B. bei gurgel.com aktiv bist):
google.de##.g div.yuRUbf a > h3 + div > .H9lube, .g div.yuRUbf a > h3 + div > div > span, .g div.yuRUbf a + div > div > span, .g div.yuRUbf a + div > div > div > span
google.de##.g div.yuRUbf a > h3, .g div.yuRUbf a + div > div:style(margin-top: 0px !important;)

Cool, vielen Dank.

Mira_Belle

Zitat von Yüxsel

Selbstgespräch?

Ja, ist wohl eines geworden und war eigentlich so nicht gedacht!

Hoffte ich doch, von den hier anwesenden Experten unterstützt zu werden,

aber selbst ist die Frau, und ungeduldig obendrein dazu.

Deshalb wohl das Selbstgespräch.

Wenn Du nichts verstanden hast, dann frag halt,

eventuell kann ich Dir ja was erklären, würde mich freuen.

Mira_Belle

Geschafft!Ich werd' verrückt, ich habe es tatsächlich geschafft.

Dank ChatGPT habe ich es hinbekommen, das Script meines zweiten Ansatzes so zu ändern,

dass bei nicht vorhandenem Symbol ein eigenes eingefügt wird!

Hier nun das Ergebniss:

JavaScript

var all = 'chrome://global/skin/icons/settings.svg';
(function() {
    if (location.href !== 'chrome://browser/content/browser.xhtml') return;
        let fav = document.createXULElement('image');
        fav.setAttribute('id', 'faviconid');
        fav.setAttribute('class', 'faviconclass');
    gBrowser.tabContainer.addEventListener('TabAttrModified', function() {            
        let favicon = gBrowser.selectedTab.image;  
        if (favicon) {    
            fav.src = favicon;        
            var position = document.getElementById('identity-icon');
            position.parentNode.insertBefore(fav, position.previousSibling);
        }
       else {
           fav.src = all;
    var position = document.getElementById('identity-icon');
    position.parentNode.insertBefore(fav, position.previousSibling);
       }
    }, false);
    fav.style.height = '16px';
    fav.style.width  = '16px';
    fav.style.marginLeft  = '7px';
    fav.style.marginRight  = '3px';
    fav.style.marginTop  = '2px';
})();

Alles anzeigen

Dazu muss natürlich das CSS von oben (Beitrag #4) genutzt werden!

Und es sieht so aus!

Mira_Belle

Ich habe nun einen weiteren Ansatz, der eventuell einfacher anzupassen ist

Auch hier müsste das Script erweitert werden.

Und zwar um die Prüfung, ob schon ein Symbol vorhanden ist,

und wenn nein, dann eines einfügen.

Hier das Script:

JavaScript

(function() {
    if (location.href !== 'chrome://browser/content/browser.xhtml') return;
        let fav = document.createXULElement('image');
        fav.setAttribute('id', 'faviconid');
        fav.setAttribute('class', 'faviconclass');
    gBrowser.tabContainer.addEventListener('TabAttrModified', function() {            
        let favicon = gBrowser.selectedTab.image;   
        if (favicon) {    
            fav.src = favicon;        
            var position = document.getElementById('identity-icon');
            position.parentNode.insertBefore(fav, position.previousSibling);
        }
       else {
           fav.removeAttribute('src');
       }
    }, false);
    fav.style.height = '16px';
    fav.style.width  = '16px';
    fav.style.marginLeft  = '7px';
    fav.style.marginRight  = '3px';
    fav.style.marginTop  = '2px';
})();

Alles anzeigen

Und das dazugehörige CSS:

CSS

    /* chromeUI */

    #identity-box[pageproxystate="valid"].chromeUI > .identity-box-button {
        margin-bottom: 1px !important;
    }

  /* localResource (about:about) */

    #identity-box[pageproxystate="valid"].localResource #identity-icon {
        margin-left: -20px !important;
        margin-right: -2px !important;
    }
    #identity-box[pageproxystate="valid"].localResource::after {
        content: "Firefox"!important;
        margin-left: -2px !important;
        padding-left: -1px !important;
    }
    #identity-box[pageproxystate="valid"].localResource {
        margin-right: 8px !important;
        padding-right: 10px !important;
    }
    #identity-box[pageproxystate="valid"].localResource::after {
        background: url("chrome://global/skin/icons/info.svg") !important;
        background-repeat: no-repeat !important;
        background-position: 48px 2px !important;
        background-size: 16px 16px !important;  
        padding-right: 24px !important;
        -moz-context-properties: fill !important;
        fill: #ffcc00 !important;
    }
    #faviconid {
        margin-top: -1px !important;
    }

    /* #identity-box[pageproxystate="invalid"]  */
    /* Der Code für about:home & about:welcome */

    #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {
        display: none !important;
    }
    #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #faviconid {
        margin-left: 5px !important;
        margin-right: 1px !important;
        margin-bottom: 1px !important;
        background: url("chrome://branding/content/icon32.png") !important;
        background-size: 16px 16px !important;
    }
    #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"]::after {
        content: "Firefox"!important;
        padding-left: -5px !important;
    }
    #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] {
        margin-right: 8px !important;
        padding-right: 10px !important;
    }
    #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"]::after {
        background: url("chrome://global/skin/icons/defaultFavicon.svg") !important;
        background-repeat: no-repeat !important;
        background-position: 48px 2px !important;
        background-size: 16px 16px !important;  
        padding-right: 24px !important;
        -moz-context-properties: fill !important;
        fill: #ffcc00 !important;  
    }

Alles anzeigen

Mira_Belle

Habe einen Teilerfolg errungen!

Das Script:

JavaScript

// 'Favicon in urlbars identity box' script for Firefox 92+ by Aris
//
// This script restores current pages favicon inside urlbar (aka location bar, address bar or awesome bar).
// [!] If a page does not offer a favicon, browser branches default icon is shown.
// [!] In a multi-window environment pages without favicons might show wrong icons.
// option: set icon for pages without favicon

var i_icon = 'chrome://global/skin/icons/info.svg';
var sheet = 'chrome://global/skin/icons/Portrait.png';
var brand = 'chrome://branding/content/icon32.png';
var globe = 'chrome://global/skin/icons/defaultFavicon.svg';
var all = 'chrome://global/skin/icons/settings.svg';

var icon_for_pages_without_favicon = all; // i_icon, sheet, globe or brand (colorized Fx channel icon)

var favicon_click_opens_page_info_window = false;

var FaviconInUrlbar = {
 init: function() {
   try {
       
    var favimginurlbar = document.createXULElement("image");
    favimginurlbar.setAttribute("id","favimginurlbar");
      
    if(favicon_click_opens_page_info_window)
      favimginurlbar.setAttribute("onclick","gIdentityHandler.handleMoreInfoClick(event);");      
      
    favimginurlbar.style.width = "16px";
    favimginurlbar.style.height = "16px";
    favimginurlbar.style.marginLeft = "0px";
    favimginurlbar.style.marginRight = "10px";
    favimginurlbar.style.marginTop = "3px";
    favimginurlbar.style.marginBottom = "3px";
    
    //document.getElementById('identity-box').insertBefore(favimginurlbar,document.getElementById('identity-box').firstChild);
    document.getElementById('identity-box').appendChild(favimginurlbar);

    // update script every time tab attributes get modified (switch/open tabs/windows)
    document.addEventListener("TabAttrModified", updateIcon, false);
    document.addEventListener('TabSelect', updateIcon, false);
    document.addEventListener('TabOpen', updateIcon, false);
    document.addEventListener('TabClose', updateIcon, false);
    document.addEventListener('load', updateIcon, false);
    document.addEventListener("DOMContentLoaded", updateIcon, false);


    function updateIcon() {
        
     setTimeout(function(){ // timeout fixes wrong icon detection in some cases
      
      // get current tabs favicon
      var favicon_in_urlbar = gBrowser.selectedTab.image;
      
      // if current tab offers no icon, use selected icon (icon_for_pages_without_favicon)
      if(!gBrowser.selectedTab.image || gBrowser.selectedTab.image == null)
        if(!icon_for_pages_without_favicon) favicon_in_urlbar = brand;
          else favicon_in_urlbar = icon_for_pages_without_favicon;
          
      document.querySelector('#favimginurlbar').style.listStyleImage = "url("+favicon_in_urlbar+")";
      
     },100);

    }

  } catch(e) {}
 }
};

// initiate script after DOM/browser content is loaded
document.addEventListener("DOMContentLoaded", FaviconInUrlbar.init(), false);

Alles anzeigen

Und das dazugehörige CSS:

CSS

    /*------------------------------------------------*/
    /********** Anpassungen für Systemseiten **********/
    /*------------------------------------------------*/
    /* chromeUI */
 
    #identity-box[pageproxystate="valid"].chromeUI {
        -moz-context-properties: fill !important;
        fill: orange !important;
    }
    /* localResource */
    #identity-box[pageproxystate="valid"].localResource #identity-icon {
        margin-left: -20px !important;
        margin-right: 2px !important;
    }
    #identity-box[pageproxystate="valid"].localResource #faviconid {  
        background: url("chrome://branding/content/icon32.png") !important;
        background-size: 16px 16px !important;
    }
    #identity-box[pageproxystate="valid"].localResource::after {
        content: "Firefox"!important;
        margin-left: -6px !important;
        padding-left: -5px !important;
    }
    #identity-box[pageproxystate="valid"].localResource {
        margin-right: 8px !important;
        padding-right: 10px !important;
    }
    #identity-box[pageproxystate="valid"].localResource::after {
        background: url("chrome://global/skin/icons/info.svg") !important;
        background-repeat: no-repeat !important;
        background-position: 48px 2px !important;
        background-size: 16px 16px !important;  
        padding-right: 24px !important;
        -moz-context-properties: fill !important;
        fill: orange !important;
    }
    /* #identity-box[pageproxystate="invalid"]  */
    /* Der Code für about:home & about:welcome */
    #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {
        margin-left: -20px !important;
        margin-right: 6px !important;
    }
    #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #faviconid {
        margin-left: 5px !important;
        margin-right: 1px !important;
        margin-bottom: 1px !important;
        background: url("chrome://branding/content/icon32.png") !important;
        background-size: 16px 16px !important;
        }
    #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"]::after {
        content: "Firefox"!important;
        margin-left: -6px !important;
        padding-left: -5px !important;
    }
    #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] {
        margin-right: 8px !important;
        padding-right: 10px !important;
    }
    #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"]::after {
        background: url("chrome://global/skin/icons/defaultFavicon.svg") !important;
        background-repeat: no-repeat !important;
        background-position: 48px 2px !important;
        background-size: 16px 16px !important;  
        padding-right: 24px !important;
        -moz-context-properties: fill !important;
        fill: orange !important;        
    }

Alles anzeigen

Was ich nicht hinbekommen habe, ist, dass das Symbol im Container dargestellt wird

Leider wird durch dieses ^ JavaScript das Symbol ja in der Urlbar (aka location bar, address bar or awesome bar) dargestellt.

Könnte mir jemand beim Umschreiben dieses Scripts bitte helfen?

Mira_Belle

Es muss ein anderer Fehler sein!

Es hat nichts mit der "Farbe" des Symbols zu tun, denn auch "chrome://branding/content/icon32.png" wird nicht angezeigt,

eben sowenig wie "normale" Symbole wie z.B. jenes von diesem Forum, obwohl es in den Browser-Werkzeugen "angezeigt wird!

Siehe hier:

und hier für developer.svg, bevor ich dieses Symbol gegen icon32.png ausgetauscht hatte.

Mira_Belle

Hallo, bezug nehmend auch diesen Beitrag => RE: Eigene Icons für about:xxx in deren Urlbar und Tabs von mir möchte ich hier anknüpfen.

Irgendwie habe ich es geschafft, das Script von Aris so umzumodeln, dass vorhandene Icons im Container angezeigt werden sollten,

und wenn kein Icon zur Verfügung steht, dieses dann ersetzt wird.

EIGENTLICH

Denn das (die) Icons scheinen durchsichtig zu sein!

Und ich stehe auf dem Schlauch!

Wenn man mit den Browser-Werkzeugen es überprüft, sind da die Symbole (Icons), aber sie sind eben nicht sichtbar!

Wo liegt der Fehler

Ich bin am Verzweifeln.

JavaScript

var globe = 'chrome://global/skin/icons/defaultFavicon.svg';

var icon_for_pages_without_favicon = globe; // i_icon, sheet, globe or brand (colorized Fx channel icon)

var favicon_click_opens_page_info_window = false;

var FaviconInContainer = {
  init: function() {
    try {
      var favimgincontainer = document.createElement("image");
      favimgincontainer.setAttribute("id", "favimgincontainer");
      favimgincontainer.style.width = "16px";
      favimgincontainer.style.height = "16px";
      favimgincontainer.style.marginRight = "5px";

      var favicon_container = document.createElement("div");
      favicon_container.id = "favicon-container";
      favicon_container.style.display = "inline-flex";
      favicon_container.style.alignItems = "center";
      favicon_container.style.marginLeft = "5px";

      if (favicon_click_opens_page_info_window) {
        favimgincontainer.setAttribute("onclick", "gIdentityHandler.handleMoreInfoClick(event);");
      }

      favicon_container.appendChild(favimgincontainer);

      //document.getElementById('identity-box').insertBefore(favimginurlbar,document.getElementById('identity-box').firstChild);
      document.getElementById('identity-box').appendChild(favicon_container);

      // update script every time tab attributes get modified (switch/open tabs/windows)
      document.addEventListener("TabAttrModified", updateIcon, false);
      document.addEventListener('TabSelect', updateIcon, false);
      document.addEventListener('TabOpen', updateIcon, false);
      document.addEventListener('TabClose', updateIcon, false);
      document.addEventListener('load', updateIcon, false);
      document.addEventListener("DOMContentLoaded", updateIcon, false);

      function updateIcon() {
        setTimeout(function() { // timeout fixes wrong icon detection in some cases
          // get current tabs favicon
          var favicon_in_container = gBrowser.selectedTab.image;

          // if current tab offers no icon, use selected icon (icon_for_pages_without_favicon)
          if (!gBrowser.selectedTab.image || gBrowser.selectedTab.image == null)
            if (!icon_for_pages_without_favicon) favicon_in_container = brand;
              else favicon_in_container = icon_for_pages_without_favicon;

          document.querySelector('#favimgincontainer').style.listStyleImage = "url(" + favicon_in_container + ")";
        }, 100);
      }
    } catch(e) {}
  }
};

// initiate script after DOM/browser content is loaded
document.addEventListener("DOMContentLoaded", FaviconInContainer.init(), false);

Alles anzeigen

Mira_Belle

Habe das Favicon heruntergeladen!

Danach habe ich die Seite "https://web.de" mit diesem Icon verknüpft!

Es werden nun alle Tabs welche mit Web.de etwas zu tun haben, mit diesem Icon angezeigt.

Wenn ich das Icon (Symbol im Tab) mit den Browser-Werzeugen untersuche,

bekomme ich folgenden Eintrag (Link?):

Code

data:image/x-icon;base64,AAABAAMAMDAAAAEAIACoJQAANg... auf besonderen Wunsch gekürzt ...AAAAAAA=

Mira_Belle

Zitat von Speravir

...
Für die (eigentlich: wenige) Symbole im Tab nutze ich den Favicon Switcher. ...

Dein Link führt ins Leere, die Seite gibt es nicht.

Favicon Switcher – Holen Sie sich diese Erweiterung für 🦊 Firefox (de)

Laden Sie Favicon Switcher für Firefox herunter. Replace ugly favicon by using your own images! Favicon Switcher allows you to customize the favicons for the…

addons.mozilla.org

Mira_Belle

https://img.ui-portal.de/webde/favicon.ico

Mira_Belle

Ist mir soo nicht wirklich aufgefallen, aber jetzt wo Du das ansprichst, ist bei mir auch so!

Und z-index habe ich, da bin ich mir sicher, nirgends benutzt.

Mira_Belle

Ich finde eine Kombination aus diesen beiden JavaScripten sehr interessant!

1.

JavaScript

// 'Favicon in urlbars identity box' script for Firefox 92+ by Aris


var i_icon = 'chrome://global/skin/icons/info.svg';
var sheet = 'chrome://global/skin/icons/Portrait.png';
var brand = 'chrome://branding/content/icon32.png';
var globe = 'chrome://global/skin/icons/defaultFavicon.svg';

var icon_for_pages_without_favicon = brand; // i_icon, sheet, globe or brand (colorized Fx channel icon)

var favicon_click_opens_page_info_window = false;

var FaviconInUrlbar = {
 init: function() {
   try {
       
    var favimginurlbar = document.createXULElement("image");
    favimginurlbar.setAttribute("id","favimginurlbar");
      
    if(favicon_click_opens_page_info_window)
      favimginurlbar.setAttribute("onclick","gIdentityHandler.handleMoreInfoClick(event);");      
      
    favimginurlbar.style.width = "16px";
    favimginurlbar.style.height = "16px";
    favimginurlbar.style.marginLeft = "3px";
    favimginurlbar.style.marginRight = "3px";
    favimginurlbar.style.marginTop = "3px";
    favimginurlbar.style.marginBottom = "3px";
    
    //document.getElementById('identity-box').insertBefore(favimginurlbar,document.getElementById('identity-box').firstChild);
    document.getElementById('identity-box').appendChild(favimginurlbar);

    // update script every time tab attributes get modified (switch/open tabs/windows)
    document.addEventListener("TabAttrModified", updateIcon, false);
    document.addEventListener('TabSelect', updateIcon, false);
    document.addEventListener('TabOpen', updateIcon, false);
    document.addEventListener('TabClose', updateIcon, false);
    document.addEventListener('load', updateIcon, false);
    document.addEventListener("DOMContentLoaded", updateIcon, false);


    function updateIcon() {
        
     setTimeout(function(){ // timeout fixes wrong icon detection in some cases
      
      // get current tabs favicon
      var favicon_in_urlbar = gBrowser.selectedTab.image;
      
      // if current tab offers no icon, use selected icon (icon_for_pages_without_favicon)
      if(!gBrowser.selectedTab.image || gBrowser.selectedTab.image == null)
        if(!icon_for_pages_without_favicon) favicon_in_urlbar = brand;
          else favicon_in_urlbar = icon_for_pages_without_favicon;
          
      document.querySelector('#favimginurlbar').style.listStyleImage = "url("+favicon_in_urlbar+")";
      
     },100);

    }

  } catch(e) {}
 }
};

// initiate script after DOM/browser content is loaded
document.addEventListener("DOMContentLoaded", FaviconInUrlbar.init(), false);

Alles anzeigen

und

2.

JavaScript

(function() {
    if (location.href !== 'chrome://browser/content/browser.xhtml') return;
        let fav = document.createXULElement('image');
        fav.setAttribute('id', 'faviconid');
        fav.setAttribute('class', 'faviconclass');
    gBrowser.tabContainer.addEventListener('TabAttrModified', function() {            
        let favicon = gBrowser.selectedTab.image;   
        if (favicon) {    
            fav.src = favicon;        
            var position = document.getElementById('identity-icon');
            position.parentNode.insertBefore(fav, position.previousSibling);
        }
        else {
            fav.removeAttribute('src');
        }
    }, false);
    fav.style.height = '16px';
    fav.style.width  = '16px';
    fav.style.marginLeft  = '7px';
    fav.style.marginRight  = '3px';
    fav.style.marginTop  = '2px';
})();

Alles anzeigen

Im ersten Script ist die Überprüfung, ob es ein Symbol gibt und

und dass das Ersatzsymbol bestimmt werden kann, richtig klasse!

Im Zweiten ist es eher der Umstand, dass die Symbole nicht direkt in der Adresszeile landen,

sondern in dem "Container", direkt am Anfang der Aderesszeile.

Habe mich daran versucht, ferstehe aber von JavaScript einfach viel zu wenig.

Mira_Belle

Zitat von 2002Andreas

Zitat von Sören Hentzschel

Das bringt ihn dann zurück ins Forum

Das wäre schön, denn dann weiß man auch, dass es ihm gut geht.

Beiträge von Mira_Belle

benutzerdefiniertes Wörterbuch zur Rechtschreibkontrolle hinzufügen

benutzerdefiniertes Wörterbuch zur Rechtschreibkontrolle hinzufügen

benutzerdefiniertes Wörterbuch zur Rechtschreibkontrolle hinzufügen

Eigene Icons für about:xxx in der Urlbar, bzw. im Container

Eigene Icons für about:xxx in der Urlbar, bzw. im Container

benutzerdefiniertes Wörterbuch zur Rechtschreibkontrolle hinzufügen

Eigene Icons für about:xxx in der Urlbar, bzw. im Container

Favicons in Google-Suchergebnissen entfernen

Eigene Icons für about:xxx in der Urlbar, bzw. im Container

Eigene Icons für about:xxx in der Urlbar, bzw. im Container

Geschafft!Ich werd' verrückt, ich habe es tatsächlich geschafft.

Eigene Icons für about:xxx in der Urlbar, bzw. im Container

Eigene Icons für about:xxx in der Urlbar, bzw. im Container

Eigene Icons für about:xxx in der Urlbar, bzw. im Container

Eigene Icons für about:xxx in der Urlbar, bzw. im Container

Favicons werden nicht angezeigt ?

Favicons werden nicht angezeigt ?

Favicons werden nicht angezeigt ?

Browserwerkzeuge : Infopanel verdeckt durch Popupfenster

Eigene Icons für about:xxx in deren Urlbar und Tabs

Eigene Icons für about:xxx in deren Urlbar und Tabs