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

Question

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

    <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

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

Answer 1

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

上填充主屏幕图像

想从 ipad.

中获得一些关于如何在 safari 浏览器上进行调试的答案

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

Answer 2

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

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

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

Add to Home Screen icon not populating on Ipad with ios 9.1 on safari browser

apple-touch-icon

ipad

ios