根据浏览器

时间:2017-07-09 20:51:05

标签: javascript html angular

我正试图想出一种基于用户浏览器将我的favicon设置为动画/静态的方法。

是两个图标
<link rel="icon" href="animated_favicon.gif" type="image/gif" >
<link rel="icon" type="image/x-icon" href="favicon.ico">

我可以用

检测过时的浏览器
navigator.userAgent.indexOf(//unfitBrowswer);

但是这个代码应该放在项目中以设置favicon?我应该创建一个我的所有组件使用的服务,还是在main.ts或其他地方的某个地方?

由于角色中的位置而与链接重复略有不同,而不是可以在启动时运行的纯JS脚本

2 个答案:

答案 0 :(得分:1)

您可以在Angular中使用jquery来执行此操作。 一旦获得浏览器配置。 在App Component

中的ngOnInit上调用此方法
    ##
   ###
  ####
 #####
######
  

或者你甚至可以使用渲染器2来改变它的属性   运行时的href标签可以正常工作

答案 1 :(得分:0)

navigator.userAgent.indexOf(//unfitBrowswer);

在main.js文件中使用 您需要使用js ....当您检测到浏览器的版本时,更改favicon链接的href属性