favicon.ico在移动网站上有什么用法吗?是否会显示在移动网站的浏览器地址栏和标签中
我们在手机网站上使用的苹果图标 <link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
。安卓、黑莓和Windows 7 phone呢?除iOS手机外,favicon.ico对其他手机有用吗?
发布于 2011-11-18 10:58:53
这是我对图标的研究:
考虑到标签:<link rel="apple-touch-icon" href="IMAGE-NAME" />
考虑到大小的:
57x57px
默认大小
72x72px
iPad大小
114x114px
视网膜/歌剧
图像:
'apple-touch-icon.png'
-在iOS,在这张图片中将应用“Gloss”效果。在其他操作系统上,什么也不会发生。
'apple-touch-icon-precomposed.png'
-此图像不会收到任何效果
以下是OS上的测试:
仅限BlackBerry v6.0 or higher
的works 'apple-touch-icon'
BlackBerry v5.9 or lower
-不支持
Android 2.2 or higher
-适用于两个版本
仅限Android 2.1 or lower
的works 'apple-touch-icon-precomposed'
iOS 4.1 or lower
-适用于两个版本
iOS 4.2 or higher
-适用于两个版本,并接受大小属性(因此,大小不同于57x57px
)
Nokia's (probably S60 5th FP1 and higher, not fully confirmed)
-有些人接受'apple-touch-icon'
OperaMini (SpeedDial Shortcut)
-适用于两个版本,但必须至少有114x114px
(如果我没有记错的话,快速拨号通常是200x200px
。
发布于 2011-08-05 13:19:22
我可以在我的Android手机上的浏览器地址栏中看到小小的favicon。我不确定它有多有用:)但是它就在那里..
更新
据我所知,如果我在主屏幕上添加一个书签,则不会显示favicon (至少不是HTC意义上的)
而且浏览器本身的书签只是很小的页面截图,所以在浏览器中也不会用到常用的图标。
不要认为它们在Android设备上一点用处都没有。
发布于 2011-08-07 19:52:37
我在所有的移动网站上添加favicon有3个原因:
https://stackoverflow.com/questions/6951351
复制相似问题