【问题标题】:How do I change the favicon in google's "web starter kit?"如何更改 google 的“web starter kit”中的图标?
【发布时间】: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


【解决方案1】:

用自己的图片替换以下文件后,我遇到了同样的问题:

  1. /app/favicon.ico
  2. /app/images/touch/apple-touch-icon.png
  3. /app/images/touch/chrome-touch-icon-192x192.png
  4. /app/images/touch/icon-128x128.png
  5. /app/images/touch/ms-icon-144x144.png
  6. /app/images/touch/ms-touch-icon-144x144-precomposed.png

当我关闭并再次打开浏览器时问题已解决。

【讨论】:

    猜你喜欢
    • 2017-11-29
    • 2015-07-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-10-02
    相关资源
    最近更新 更多