为什么我的图标没有出现在火狐和IE中
Why is it that my favicon does not appear in Firefox and IE?
我在<head>
区域中像这样指定了我的图标:
<link href="/Content/images/icons/tick-circle.png" type="image/x-icon" rel="shortcut icon">
<link href="/Content/images/icons/tick-circle.png" type="image/png" rel="icon">
位置正确,但是当我打开页面时,我仍然看不到我的图标。我认为这是为最新版本的IE和Firefox指定ico的两种最新方法。
虽然你的网站图标可以是 png,但在我看来,以 .ico 结尾的实际文件效果最好。另外,使用完整的域名(即 http://www.domain.com/images/favicon.ico(,不要依赖相对链接。如果您尝试在浏览器中加载图标但失败,则仅刷新页面永远不会将其加载回来。清除浏览器的缓存,然后尝试查看图标是否出现。
以下 3 个网站图标链接适用于 FF、Opera、Chrome、IE 和 Apple 产品
您的代码"应该"如下所示:
<link rel="icon" href="http://www.domain.com/content/images/icons/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.domain.com/content/images/icons/favicon.ico" />
<link rel="apple-touch-icon" href="http://www.domain.com/content/images/icons/favicon.ico">
如果您想保留不带.ico扩展名的相对链接:
<link rel="icon" href="/content/images/icons/tick-circle.png" type="image/x-icon" />
<link rel="shortcut icon" href="/content/images/icons/tick-circle.png" />
<link rel="apple-touch-icon" href="/content/images/icons/tick-circle.png">
favicon就是那些奇怪的陷阱之一。
在网站的根目录上制作网站图标并将其称为favicon.ico
即
<link href="/favicon.ico" rel="shortcut icon" rel="icon" />
请参阅维基百科 http://en.wikipedia.org/wiki/Favicon 中的"可访问性"部分
尝试下面的代码。
<link rel="shortcut icon" href="your icon path">
确保删除所有缓存并重新启动浏览器后。添加后,只有铬会当场显示。
也尝试使用 ico 文件而不是 png 或其他文件。
较旧的浏览器希望采用.ico
格式,而不是 png。请考虑更改它。
您可以通过像这样的转换器轻松完成。
公寓从那,按照提到的做,让它像
<link href="'favicon.ico" rel="shortcut icon" rel="icon" />
相反。
为了解决此问题,清空所有缓存而不仅仅是最后几个小时可能会解决问题。
你的.htaccess中是否有这样的东西,并且编辑了图像或其他东西
# Sample of what if have in mine. this restricts the download the time you specify
# 480 weeks
<FilesMatch "'.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=290304000, public"
</FilesMatch>
这是你的问题。 但是像这样的人可能会阻止浏览器检索这些文件扩展名。在这种情况下,请尝试缓存浏览器的缓存?
PNG 从未在 IE 中用于收藏夹图标。就在昨天,我读到Firefox更改为仅使用.ico格式,但我无法确认这一点。我试过这个,发现 png 在 FF 中也不适合我。
我不确定IE,但出于安全原因,FireFox 决定不再显示网站图标(即您可以放置绿色"锁"作为您的网站图标,并可能误导用户相信您的网站是安全的。
这是一篇文章:http://www.neowin.net/news/firefox-removing-favicons-from-the-address-bar
更新:至于网站图标...使用此标记:
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon" />
我相信您的原始代码的问题在于Content
网站图标路径中的"/"。
- 为什么这在IE中的工作方式与在Firefox中不同
- 后焦点更改为IE 11中的地址栏,而不是转移到表单中的下一个控件
- 引导轮播,修改为显示多个项目.无法正常工作的火狐和IE
- 为什么我的图标没有出现在火狐和IE中
- 在火狐中打印代码,但不在IE中打印
- :按钮选择器在火狐和IE中不起作用
- 鼠标滚动左在IE,火狐,野生动物园上不起作用
- 为什么我的选择标签在火狐和IE中显示不正确
- 火狐缩小闪光对象到14像素,铬和IE罚款
- ie浏览器显示警告值“未定义”;但火狐和chrome显示出了实际价值
- 有麻烦与我的代码工作的IE或火狐
- Object.style.filter =“Flipv"它在ie浏览器中运行良好.我怎么能在火狐浏览器
- 遇到 $('img').load(function(){something} 的问题;在IE和火狐中
- 图像未在IE和火狐中加载
- 验证在火狐中不起作用,在IE中工作正常
- 在火狐和IE中下载文件
- 在火狐和IE中禁用/禁用后退按钮的替代方案
- 无法使用 JavaScript 从文本框中获取所选文本?适用于火狐浏览器,而不是IE
- 代码适用于火狐浏览器,但不适用于IE
- 为什么我的Ajax不工作在谷歌浏览器或IE,但工作在火狐,我怎么能使它的工作