网站书签/快捷方式图标Android说明。 不能得到通过标准丝带图标(Website Bookm

2019-10-29 19:14发布

我有一个手机版的网站,我试图得到它,这样,当有人选择书签网站或“添加到主屏幕”这将节省一个图标到主屏幕。 我有一个Android的三星Galaxy S3也不管我怎么努力,我不能让它在中间的小预览使用的图标,而不是标准的色带。

下面的代码Currently..The会得到它的显示标准丝带图标图像的微小预览,但不会显示所有图标:

<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)命名的文件名,以苹果触摸图标-precomposed.ico。 3)图标是57x57和下40 kb的。

我知道有一些方法来做到这一点,因为我测试了几个网站如AOL,和eBay都保存到我的主屏幕出现像应用程序一个正常大小的图标。

如果有人遇到了同样的问题,发现有效的解决方案,请让我知道。 我难倒!

Answer 1:

整个问题是因为该网站是保护的设计和开发过程中测试目的的.htaccess密码。 我所要做的就是移动包含密码保护目录之外的所有图标的文件夹!

下面的代码是我用,现在工作:

<link rel="apple-touch-icon" sizes="144x144" href="http://m.mydomain.com/touch-icon-ipad-retina.png" />
<link rel="apple-touch-icon" sizes="114x114" href="http://m.mydomain.com/touch-icon-iphone-retina.png" />
<link rel="apple-touch-icon" sizes="72x72" href="http://m.mydomain.com/touch-icon-ipad.png" />
<link rel="apple-touch-icon" href="http://m.mydomain.com/touch-icon-iphone.png" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />


文章来源: Website Bookmark/ Shortcut Icon for Android Help. Cant get passed standard ribbon icon