首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >为什么Google Chrome不能在同一网站上的不同图标之间切换?

为什么Google Chrome不能在同一网站上的不同图标之间切换?
EN

Stack Overflow用户
提问于 2019-03-16 00:23:48
回答 1查看 261关注 0票数 0

我有一个ASP.Net应用程序,在我的Layout.cshtm中,基于一个条件,我试图更改收藏图标,以便不同的用户根据该条件拥有不同的收藏图标。下面是代码片段:

代码语言:javascript
代码运行次数:0
运行
复制
<!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,即使我强制它更改,它也不会更新。

我非常感谢在这个问题上的任何帮助。

EN

回答 1

Stack Overflow用户

发布于 2019-03-16 16:17:42

浏览器对favicon相当懒惰。在你的特殊情况下,温和地推动它们应该是一件好事:)明确:

代码语言:javascript
代码运行次数:0
运行
复制
@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声明。但强制浏览器定期切换图标可能会改变这一点。请让我知道。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55186839

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档