动态更改网站图标

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个Web应用程序，该应用程序根据当前登录的用户进行了品牌标记。我想将页面的图标更改为自有品牌的徽标，但是我找不到任何代码或如何使用该示例的示例。去做这个。以前有人成功做到过吗？

我正在想象一个文件夹中有十二个图标，并且要使用的favicon.ico文件的引用是随HTML页面一起动态生成的。有什么想法吗？

回答：

为什么不？

(function() {
    var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
    link.type = 'image/x-icon';
    link.rel = 'shortcut icon';
    link.href = 'http://www.stackoverflow.com/favicon.ico';
    document.getElementsByTagName('head')[0].appendChild(link);
})();

Firefox应该很棒。

编辑以正确覆盖现有图标

以上是 动态更改网站图标 的全部内容， 来源链接： utcz.com/qa/404054.html

回到顶部