在 Safari 浏览器上使用 ios 9.1 添加到主屏幕图标未填充在 Ipad 上答案

【问题标题】：Add to Home Screen icon not populating on Ipad with ios 9.1 on safari browser在 Safari 浏览器上使用 ios 9.1 添加到主屏幕图标未填充在 Ipad 上
【发布时间】：2016-02-20 01:33:54
【问题描述】：

我使用下面的代码行来填充“添加到主屏幕”图标，但在单击“添加到主屏幕”图标时它仍然会显示整个页面的图像。

    <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-precomposed.png"/>
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"/>
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"/>
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"/>
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png"/>

我确信这张图片的路径是正确的。

我已经尝试了互联网上几乎所有可用的解决方案，包括这个网站，但似乎无法正常工作。如果需要提供任何其他信息，请告诉我。

https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4

任何帮助点都会有很大帮助。

【问题讨论】：

没有测试任何东西，您是否尝试了使用以下说明将图像分配给整个网站的基本方法：要为整个网站（网站上的每个页面）指定图标，请放置一个图标文件在名为 apple-touch-icon.png 的根文件夹中以 PNG 格式保存

标签： ios ipad apple-touch-icon

【解决方案1】：

请确保您不在需要为其获取证书的开发服务器或站点上。我遇到了类似的问题，最终通过将资产转移到生产 srvr 来解决。

我在物理（实时）设备上进行了测试，还使用 BrowserStack 来访问那些我没有的设备和浏览器，一切都按预期工作。

【讨论】：

【解决方案2】：

由于 https 证书问题，我无法在添加到主屏幕选项中填充图像。虽然我可以使用图像的路径浏览图像，但令人惊讶的是它没有填充主屏幕图像在 iPad 上。

想得到一些关于如何在 ipad 中调试 safari 浏览器的答案。

我为设备添加了一个新证书，添加到主屏幕的图标图像开始按预期显示。

【讨论】：

另外，如果您想检查 https 是否真的是导致问题的原因。您可以尝试更改 httpd.conf 文件并查找单词“LISTEN”。然后将 443 更改为 80 并重启阿帕奇。这样，您的服务器现在正在侦听 http。尝试在主屏幕上添加一个图标，如果它运行良好，那么它很有可能是证书问题。