为什么Google Chrome不能在同一网站上的不同图标之间切换？
提问于 2019-03-15 16:23:48
我有一个ASP.Net应用程序，在我的Layout.cshtm中，基于一个条件，我试图更改收藏图标，以便不同的用户根据该条件拥有不同的收藏图标。下面是代码片段：
<!DOCTYPE html>
@{
bool someCondition = UserInfo.IsCondition;
}
<html lang="@ISO.Substring(0, 2)" data-full-culture="@ISO">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@if (someCondition == true) {
<title ng-bind="'title 1'"></title>
<link rel="shortcut icon" href="/custom-favicon.ico" type="image/x-icon">
<link rel="icon" href="/custom-favicon.ico" type="image/x-icon">
}
else {
<title ng-bind="'title 2'"></title>
// Chrome sets favicon.ico as default, so no need to set it here
}
</head>
</html>favicon.ico和custom-favicon.ico都在我的项目的根目录中。虽然我的标题会根据情况进行更改，但Favicon被设置为favicon.ico，即使我强制它更改，它也不会更新。
我非常感谢在这个问题上的任何帮助。
回答 1
Stack Overflow用户
发布于 2019-03-16 08:17:42
浏览器对favicon相当懒惰。在你的特殊情况下，温和地推动它们应该是一件好事:)明确：
@if (someCondition == true) {
<title ng-bind="'title 1'"></title>
<link rel="shortcut icon" href="/custom-favicon.ico">
}
else {
<title ng-bind="'title 2'"></title>
<link rel="shortcut icon" href="/favicon.ico">
}如果这仍然不起作用，你可以：
- 在图标URL的末尾添加时间戳，以使浏览器每次都将其视为新文件(例如，
/favicon.ico?v=@timestamp). - Use JS显式设置favicon，但这有点过头了。例如，请参见faviconjs.
PS:您可能不需要重复的shortcut icon / icon声明。但强制浏览器定期切换图标可能会改变这一点。请让我知道。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55186839
复制相关文章
![怎样切换不同版本的 Node[每日前端夜话0x90]](https://ask.qcloudimg.com/http-save/yehe-1120945/xeeq9sopq8.jpeg)
腾讯云开发者
