我的Blogger网站生成以下行:
<link href='http://www.mtscollective.com/favicon.ico' rel='icon' type='image/x-icon'/>
我还为Android添加了以下行,以便在网站保存到主屏幕时使用:
<link href='http://cdn.mtscollective.com/images/android/icon-196.png' rel='icon' sizes='196x196'/>
问题是有时Chrome和Firefox会互换使用,但我只希望他们使用第一行。有可能控制这个吗?
由于
答案 0 :(得分:1)
Firefox and Chrome tend to favor PNG pictures over favicon.ico
.因此,您还应声明16x16 PNG图片以及现有的196x196图片。
另请注意,Firefox使用最后声明的PNG图片(这是bug 751712)。确保声明16x16图片 last :
<link rel="shortcut icon" href="/path/to/icons/favicon.ico">
<link rel="icon" type="image/png" href="/path/to/icons/favicon-196x196.png" sizes="196x196">
<link rel="icon" type="image/png" href="/path/to/icons/favicon-16x16.png" sizes="16x16">
最后,Firefox和Chrome都不支持sizes
属性。因此,在第一次访问期间,他们将加载两张PNG图片(bug 751712 (FireFox)和issue 324820 (Chrome))。这不是一个严重的问题,但很高兴知道这一点。