主屏幕上没有显示Apple触摸图标 [英] Apple touch icon isn't showing up on the home screen

问题描述

我使用以下代码来获取移动设备的触控图标 - 它基于html5boilerplate / mobile示例：

 < meta http-equiv =Content-Typecontent =text / html; charset = UTF-8> 
< meta name =viewportcontent =width = device-width; initial-scale = 1.0; maximum-scale = 1.0;> 
 
 <！ - 对于具有高分辨率视网膜显示的iPhone 4： - > 
< link rel =apple-touch-icon-precomposedsizes =114x114href =/ img / touch / h / apple-touch-icon.png> 
 <！ - 对于非Retina iPhone，iPod Touch和Android 2.1+设备： - > 
  <！ - 对于诺基亚设备： - > 
< link rel =快捷键图标href =/ img / touch / apple-touch-icon.png> 
 
< meta name =apple-mobile-web-app-capablecontent =yes> 
< meta name =apple-mobile-web-app-status-bar-stylecontent =black> 
  

但由于某些原因，iPhone仍然会给主屏幕图标带来问题。我所得到的就是那个令人讨厌的截图图标。

我在这里包含了其他元标记，以防止它们为什么不起作用。我试过重新排序标签。

任何人都可以想到任何可能会阻止正在使用的图标的东西吗？

我使用html5boilerplate / mobile作为测试用例 - 我可以浏览到他们的网站并将图标添加到我的iPhone主屏幕上（4S iOS5 ）。我尝试将他们的代码，文件夹结构和图标复制到我自己的网站中，但这不起作用。

有什么想法？

解决方案

在其他两个网站上，它的工作完美，所以我想也许这可能是因为我正在使用的原始两个测试服务器是受密码保护的 - 尽管显然我输入了凭据来浏览页面，所以不完全知道为什么会这样成为一个问题。然而，结果似乎表明这是事实。

I'm using the following code to get touch icons for mobile devices - it's based on the html5boilerplate/mobile example:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

<!-- For iPhone 4 with high-resolution Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/touch/h/apple-touch-icon.png">
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="/img/touch/l/apple-touch-icon.png">
<!-- For nokia devices: -->
<link rel="shortcut icon" href="/img/touch/apple-touch-icon.png">

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">

But for some reason, the iPhone is still giving me problems for the home screen icon. All I get is that annoying screenshot icon.

I've included the other meta tags here in case they shed some light on why it isn't working. I've tried reordering the tags.

Can anyone think of anything that might stop the icons being used?

I've used html5boilerplate/mobile as a test case - I'm able to browse to their site and add the icon to the home screen on my iPhone (4S iOS5). I've tried copying their code, folder structure, and icons into my own site, but this didn't work.

Any ideas?

解决方案

I put the same page and icon on two other sites and it worked perfectly, so I think maybe it might be because the original two test servers I was working on were password protected - although obviously I'd entered the credentials to browse the page, so not entirely sure why that would be a problem. However, the results appear to suggest this was the case.

这篇关于主屏幕上没有显示Apple触摸图标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！