vue 动态修改浏览器图标.ico

function setFavicon(newIconUrl) {
    // 创建新的 link 标签
    var newLink = document.createElement('link');
    newLink.rel = 'icon';
    newLink.type = 'image/x-icon';
    newLink.href = newIconUrl;

    // 获取并移除原有的 favicon link(如果有多个,可能需要更精确的选择器)
    var oldLinks = document.querySelectorAll('link[rel="icon"]');
    for (var i = 0; i < oldLinks.length; i++) {
      oldLinks[i].parentNode.removeChild(oldLinks[i]);
    }

    // 将新创建的 link 插入到 head 中
    document.head.appendChild(newLink);
  }
  setFavicon('https://cos.hqq.life/img/system/logo.ico'); // 替换为新的 favicon 文件 URL

猜你喜欢

转载自blog.csdn.net/u010609022/article/details/142352541