网站收藏/快捷方式图标Android的帮助。不能得到通过标准丝带图标 [英] Website Bookmark/ Shortcut Icon for Android Help. Cant get passed standard ribbon icon

问题描述

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

I have a website with a mobile version and I am trying to get it so that when someone chooses to Bookmark the website or 'Add to home screen' it will save an Icon to the home screen. I have an Android Samsung Galaxy S3 and no matter what I try I cannot get it to use the icon instead of the standard ribbon with tiny preview in the middle.

Currently..The低于code会得到它的显示标准丝带图标图像的微小preVIEW但不会显示整个图标：

<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"/>

我也试过这code，以及我的书签添加到我的主屏幕，只产生标准丝带图标。连一个微小的preVIEW像上面：

<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）命名文件名以苹果触摸icon- precomposed.ico。 3）图标是57x57，并在40 KB。

Note: I have also tried 1) Placing the icon files in the root. 2) Naming the filename to apple-touch-icon-precomposed.ico. 3) Icon is 57x57 and under 40 kb.

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

I know there is some way to accomplish this because I tested a couple of websites like AOL, and eBay and both save to my home screen with a normal sized icon that appears like an app.

如果有人遇到了同样的问题，发现作品请让我知道一个解决方案。我难倒！

If anyone has run into the same problem and found a solution that works please let me know. I am stumped!

推荐答案

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

SOLUTION!!!!! The entire issue was because the website was .htaccess password protected for testing purposes during design and development. All I had to do was move the folder that contained all icons outside of the password protected directory!

以下code是我用什么，现在工作：

The following code is what I used and is now working:

<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" />

这篇关于网站收藏/快捷方式图标Android的帮助。不能得到通过标准丝带图标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！