我的网站中有以下代码:
<link rel="apple-touch-icon" href="http://website.com/images/apple-touch-icon.png" />
当我在 Firefox 中查看源代码并单击图标显示的 href 属性时(因此它不是 404 错误)。
当代码被添加到像http://website.com/mobile/index.php
这样的页面时或 http://website.com/mobile/page.php
并且页面被添加到 iPhone 主屏幕图标工作正常,但是当页面 url 像 http://website.com/page
时或 http://website.com/index
图标未显示。
在 Safari 选项中提供的“网站调试控制台”中没有出现任何错误,我已经尝试清除缓存和 cookie。
我还使用标签 <base href="http://website.com/mobile/" />
网站,同时出现在 http://website.com/mobile/index.php
上和 http://website.com/index
.但我看不出这会对它产生什么影响,因为 apple-touch-icon 使用了完整的 url。
最佳答案
这仅适用于具有有效且受信任的安全证书 的 HTTP 或 HTTPS 站点。
如果存在证书错误,iOS 将不会加载图像。暂时信任页面的 Safari 中的证书将不会信任主屏幕快捷方式的证书。如果您使用的是自签名证书,则必须在操作系统级别将不受信任的根证书添加为受信任的证书。
- 在 iOS 设备上,导航到包含 .crt 文件链接的页面
- 点击链接
- 通过所有确认屏幕批准/安装
关于iphone - 为什么这个苹果触摸图标不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6807349/