Google Chrome 中未显示网站图标
缓存
首先,按照以下步骤清除缓存这些步骤: http://support.google.com/chrome/bin/answer.py?hl=zh-CN&answer=95582 。在另一个浏览器中进行测试,以确认是否是缓存问题。
此外,一名用户能够通过向链接 href 添加参数来更新其图标,这会更改资源链接并加载没有缓存的图标:
<link rel="icon" type="image/x-icon" href="favicon.ico?v=1">
网站图标使用
确保网站图标正确导入使用正确的方法:
普通图标:
<link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
PNG/GIF 图标:
<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/726794/local-file-website-favicon-works-in-firefox-not-in-chrome-or-safari-why。
重命名
尝试将图标从“favicon.{extension}”重命名为“{yourfaviconname}.{extension}”解决 Internet Explorer 中的显示问题。
Base64 方法
另一个值得尝试的解决方案是直接在
中添加 favicon。链接>标记为 Base64 编码图像:以上是为什么我的网站图标没有出现在 Google Chrome 中?的详细内容。更多信息请关注PHP中文网其他相关文章!

这是我们在形式可访问性上进行的小型系列中的第三篇文章。如果您错过了第二篇文章,请查看“以:focus-visible的管理用户焦点”。在

CSS盒子阴影和轮廓属性获得了主题。让我们查看一些在真实主题中起作用的示例,以及我们必须将这些样式应用于WordPress块和元素的选项。

Svelte Transition API提供了一种使组件输入或离开文档(包括自定义Svelte Transitions)时动画组件的方法。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

EditPlus 中文破解版
体积小,语法高亮,不支持代码提示功能

ZendStudio 13.5.1 Mac
功能强大的PHP集成开发环境

VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

Dreamweaver Mac版
视觉化网页开发工具