首页 > web前端 > css教程 > 为什么我的网站图标没有显示在 Google Chrome 中?

为什么我的网站图标没有显示在 Google Chrome 中?

Susan Sarandon
发布: 2024-12-04 18:26:12
原创
495 人浏览过

Why Aren't My Favicons Showing Up in Google Chrome?

Google Chrome 网站图标问题

简介

用户遇到了网站图标未出现在Google Chrome,尽管在 URL 中输入图标路径时显示

原因和解决方案

缓存:

  • 清除您的 Chrome 缓存: http://support.google.com/chrome/bin/answer.py?hl=en&answer=95582。
  • 对于更新的网站图标,请在链接 href 后添加网址参数:?v=1,该参数更改资源链接并加载不带缓存的图标。
<link rel="icon" type="image/x-icon" href="favicon.ico?v=2"  />
登录后复制

Favicon用法:

  • 确保使用正确的代码正确导入图标。
  • 正常图标:

    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    登录后复制
  • PNG/GIF favicon:

    <link rel="icon" type="image/gif" href="favicon.gif" />
    <link rel="icon" type="image/png" href="favicon.png" />
    登录后复制

    将此代码放在

Chrome 本地问题:

  • Chrome 可能无法显示本地存储的图标。该图标必须上传到网络服务器,或放置在下载目录中,以便 Chrome 访问它。更多详情请参考:https://superuser.com/questions/83454/local-file-website-favicon-works-in-firefox-not-in-chrome-or-safari-why

重命名:

  • 尝试重命名图标从 favicon.{whatever} 到 {yourfaviconname}.{whatever}。这解决了一些用户的问题。

Base64 方法:

  • 将 favicon 编码为 Base64 图像并将其直接包含在 < 中;链接>标签:

以上是为什么我的网站图标没有显示在 Google Chrome 中?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板