强制浏览器请求动态加载的favicon

时间:2016-03-17 16:21:36

标签: javascript html angularjs favicon

我有一个Angular应用程序和另一个应用程序,您可以从中自定义第一个应用程序。这包括上传需要在第一个应用程序中显示的新favicon,并在上载新的favicon时刷新。

加载favicon的方式是:

<link rel="shortcut icon" data-ng-href="{{favicon}}"/>

应用程序在html标记和变量&#39; favicon&#39;中引导。是根范围中的变量,其中包含指向favicon的URL的链接。

每次刷新页面时,如何强制浏览器请求favicon?我的理解是favicon被缓存,导致它不被刷新。

我已经读过,最常见的解决方案是将版本添加到favicon作为查询字符串,但我无法知道我需要请求的版本,因为我可以从中上传多个版本第二次申请。

1 个答案:

答案 0 :(得分:1)

在您的控制器中:

$scope.version = new Date()*1; // get a timestamp

并在您的HTML中

<link rel="shortcut icon" data-ng-href="{{favicon}}?v={{version}}"/>

有了这个,您到favicon的链接将是非常重要的时间,浏览器将始终请求它。