我有一个带有移动版本的网站,我正在尝试获取它,以便当有人选择为网站添加书签或“添加到主屏幕”时,它会将图标保存到主屏幕。我有一个 Android 三星 Galaxy S3,无论我尝试什么,我都无法让它使用图标而不是标准功能区,中间有微小的预览。
目前..以下代码将使其显示标准功能区,并带有图标图像的微小预览,但不会显示整个图标:
<link rel="icon" href="http://www.mydomain.com/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="http://www.mydomain.com/favicon.ico" type="image/x-icon"/>
我也尝试过这段代码,当我将书签添加到我的主屏幕时,它只会产生标准的功能区图标。甚至没有像上面这样的小预览:
<link rel="apple-touch-icon" href="http://www.mydomain.com/customicon.ico"/>
<link rel="apple-touch-icon-precomposed" href="http://www.mydomain.com/customicon.ico"/>
注意:我也尝试过 1)将图标文件放在根目录中。2) 将文件名命名为 apple-touch-icon-precomposed.ico。3) 图标为 57x57 且小于 40 kb。
我知道有一些方法可以实现这一点,因为我测试了几个网站,比如 AOL 和 eBay,它们都保存到我的主屏幕上,并带有一个看起来像应用程序的正常大小的图标。
如果有人遇到同样的问题并找到可行的解决方案,请告诉我。我难住了!