Beiträge von Mira_Belle

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.

Mira_Belle

Zitat von 2002Andreas

Und da ich keine Lösung per Skript kenne, ist das Thema für mich praktisch erledigt.

OK, an diesem Punkt sind wir dann ja einer Meinung.

Warten wir mal, ob es einen JavaScript-Profi gibt, der es wie von mir beschrieben umsetzen kann.

Mira_Belle

Zitat von 2002Andreas

Und bisher haben wir keinerlei Belege wie Heinrich das angeblich per CSS Code für alle Seiten unterschiedlich gemacht hat, was laut Sören gar nicht geht.

Alle Seiten?

Die Bildchen zeigen aber nur Seiten, die ein eigenes Favicon mitbringen,

und genau deswegen ist mir die Idee mit den Tabicon (Favicons) überhaupt erst gekommen.

Mira_Belle

Zitat von 2002Andreas

Nein.
Du hast gesagt, das Icon lässt sich nicht per CSS tauschen.
Dass das dann ein Problem auf den anderen Seiten ist, habe ich ja auch nicht bestritten.
Und bisher haben wir keinerlei Belege wie Heinrich das angeblich per CSS Code für alle Seiten unterschiedlich gemacht hat, was laut Sören gar nicht geht.

Mh, doch, denn es waren die gemeint! Es geht immer um die und ums individuelle austauschen einzelner Symbole (Icons)!

Und wie er es gemacht haben könnte, habe ich auch aufgezeigt!

Nur würde das eben NUR bei den Seiten greifen,

wo eben auch ein Favicon vorhanden ist, welches man ersetzen kann!

Somit ist es wohl, so denke ich, doch möglich und ich glaube eben nicht an ein Fake seitens Heinrich.

Probiere es doch einfach mal aus, sollte für Dich doch ein Klacks sein.

Favicon gegen eine Grafik austauschen.

Mira_Belle

Zitat von 2002Andreas

Zitat von Mira_Belle

Hat er mit an Sicherheit grenzender Wahrscheinlichkeit nicht!
Zumindest nicht direkt per CSS

Standard:

Mit CSS:

Ohne auf weitere Einzelheiten einzugehen:

CSS

#faviconid {
  display: none !important;
}

#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:after {
    background: url("chrome://browser/skin/bookmark-star-on-tray.svg") !important;
    margin-right: 5px !important; 
    margin-left: 6px !important;
    content: '' !important;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    }

Alles anzeigen

Du hast mich wohl falsch verstanden, denn öffne mal about:config, about:performance, about:preferences

und/oder about:processes

Und genau das, Dein CSS Beispiel, habe ich ja genau so umgesetzt. => #48

Was ich meinte, ist, dass er wohl nur über den Weg der "Tabsicons" (Favicons) gegangen sein kann,

dann dann, und nur dann, lassen sich diese Symbole dirkt ansprechen und eben auch austauschen,

und zwar einzeln!

Natürlich im zusammenspiel mit dem Script.

Mira_Belle

Zitat von 2002Andreas

Zitat von grisu2099

sind aber nicht Standard!

Naja, er hat vorhandene Icons ausgetauscht, das ist etwas anderes als kompl. welche einzusetzen.

Hat er mit an Sicherheit grenzender Wahrscheinlichkeit nicht!

Zumindest nicht direkt per CSS, denn an die Favicons kommt man so ohne weiteres nicht ran. (In der Adressleiste!)

Es sei denn, er hat die Favicons "direkt" über die Tabs bearbeitet, das könnte unter Umständen möglich sein

Damit habe ich mich nicht beschäftigt, weil die Zielsetzung ja eine andere war, und

uns auch nicht weiter bringt, da die meisten internen Seiten gar kein Favicon haben.

Aber ich habe schon einige Male darauf hingewiesen, dass es wohl nur über ein JavaScript möglich sein wird,

individuelle Symbole den einzelnen Tabs und somit über die vorhandene Funktion des FavIconInUrlBar.uc.js Scripts

diese dann in die Adressleiste zu kopieren.

Um das zu bewerkstelligen, müsste das Script abfragen, ob es denn schon ein Favicon gibt,

wenn nicht das Label abfragen um dann dem Label ein Icon (Symbol) zuzuordnen und dieses dann

in die Adressleiste zu kopieren.

Hinzukommen muss dann noch eine Funktion zur Fehlervermeidung!

Ist mir heute Nacht so durch den Kopf geschwirrt, weiß aber nicht mehr das Szenario.

Nachtrag

Wer Zeit und Lust hat, kann den Weg über die Favicons ja mal ausprobieren,

die wirkliche Herausforderung wird dann aber sein, ein Favicon zu ersetzen, welches gar nicht vorhanden ist!

Und sollte das wirklich funktionieren, wird das Ende der Fahnenstange wohl dann erreicht sein,

wenn es individuell werden soll!

Ich denke, diesen Aufwand kann man sich sparen, denn für dieses Ergebnis hätten wir ja eine fast identische Lösung.

Der Unterschied würde meiner Meinung nur darin bestehen, dass interne Seiten, welche ein Favicon schon mitbringen,

ein eigenes, individuelles Symbol zugewiesen werden kann.

Da finde ich den Ansatz über ein erweitertes, neues JavaScript zum Anpassen der Symbole irgendwie sympathischer.

Mira_Belle

Und was haltet Ihr von Visual Studio Code?

Ich habe mich mittlerweile an den gewöhnt.

Beiträge von Mira_Belle

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

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

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

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

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

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

Notepad++ Stile Farbe ändern ?