【发布时间】:2023-03-09 17:57:01
【问题描述】:
我用自己的徽标替换了 images/touch 中的所有文件,还替换了项目主目录中的 favicon.ico,但 favicon 仍显示为 Web 入门工具包附带的默认星号。我尝试刷新浏览器的缓存,并添加
<link rel="shortcut icon" href="http://mywebsite.com/app/favicon.ico?v=2" />
尝试手动链接网站图标。这有效,只有当
<link rel="icon" sizes="192x192" href="images/touch/chrome-touch-icon-192x192.png">
也被注释掉了。但这会改变 chrome for Android 的行为,因此它是不正确的。此外,“images/touch/chrome-touch-icon-192x192.png”现在已被替换为 MY 图标,那么为什么这行会使 favicon 恢复?
【问题讨论】:
-
显然您的某些文本丢失了(“仅当...”什么?:))。您应该编辑您的问题。
-
http://mywebsite.com/app/favicon.ico?v=2是您项目的有效路径吗?它应该是http://mywebsite.com/favicon.ico?v=2与常规 GWSK 项目(app的内容安装在根目录)。这或许可以解释为什么您的favicon.ico声明尝试不起作用。 -
这是正确的路径。我都试过了。没有 /app 它永远不会出现。有了它,只有当 chrome 图标被注释掉时。我最担心的是我的项目中没有星号图像,但它一直出现,所以我不知道它来自哪里。我的问题真的归结为:网络入门工具包是否带有覆盖网站图标的 .js/.css?在哪里?那个 chrome 图标线是如何触发它的?
-
这听起来确实像是一个缓存问题,即使你已经处理好了。请注意,192x192 PNG 图标不会混淆 Android Chrome:最新版本将按预期选择 manifest.json 的图标。作为替代方案,你也可以试试这个:realfavicongenerator.net/favicon/google_web_starter_kit(声明:我是这个服务的作者)。
标签: web favicon material-design-lite