Apple 触摸图标未显示在主屏幕上

问题描述

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

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

但由于某种原因，iPhone 仍然给我的主屏幕图标带来问题.我得到的只是那个烦人的屏幕截图图标.

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?

我使用 html5boilerplate/mobile 作为测试用例 - 我能够浏览到他们的网站并将图标添加到我的 iPhone (4S iOS5) 的主屏幕上.我尝试将他们的代码、文件夹结构和图标复制到我自己的站点中，但这没有用.

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.

有什么想法吗?

推荐答案

我把相同的页面和图标放在另外两个网站上，效果很好，所以我想可能是因为我原来在做的两个测试服务器受密码保护 - 虽然显然我输入了浏览页面的凭据，所以不完全确定为什么会出现问题.然而，结果似乎表明情况确实如此.

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 触摸图标未显示在主屏幕上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持html5模板网！