Javascript 基于浏览器动态更改favicon

我正试图想出一种方法，根据用户浏览器将我的favicon设置为动画/静态。两个favicon图标是

<link rel="icon" href="animated_favicon.gif" type="image/gif" >
<link rel="icon" type="image/x-icon" href="favicon.ico">

但是该代码应该驻留在项目中的什么位置来设置favicon呢？我应该创建一个所有组件都使用的服务，还是在main.ts或其他地方

与链接复制略有不同，这是因为它位于angular中，而不是可以在启动时运行的纯JS脚本

navigator.userAgent.indexOf(//unfitBrowswer);

在main.js文件中使用

---

你需要使用js来实现这一点。。。。当您检测到浏览器的版本时，更改favicon链接的href属性

您可以使用Angular中的jquery来执行此操作。 获得浏览器配置后。 在应用程序组件中的ngOnInit上调用此方法

    SetApplicationFavicon(id,basepath,icon)
     { 
          $("#"+id).attr("href", basepath+"/"+icon); 
     }

或者，您甚至可以使用渲染器2来更改 href标签在运行时也可以使用

---

.

是的，但是角度项目的最佳位置在哪里？我宁愿不使用jquery，除非我需要，我会检查渲染器2。我认为这可能是最好的解决办法

    SetApplicationFavicon(id,basepath,icon)
     { 
          $("#"+id).attr("href", basepath+"/"+icon); 
     }