logo

Dynamická změna favicon webu

Mám webovou aplikaci, která je označena podle aktuálně přihlášeného uživatele. Chtěl bych změnit favikonu stránky na logo soukromé značky, ale nemohu najít žádný kód ani žádné příklady toho, jak udělat toto. Už to někdo úspěšně provedl?

Představuji si tucet ikon ve složce a odkaz na soubor favicon.ico, který se má použít, se generuje dynamicky spolu se stránkou HTML. Myšlenky?

Odpověď

Proč ne?

var link = document.querySelector("link[rel~='icon']");
if (!link) {
    link = document.createElement('link');
    link.rel = 'icon';
    document.getElementsByTagName('head')[0].appendChild(link);
}
link.href = 'https://stackoverflow.com/favicon.ico';