为什么这个苹果触摸图标不起作用?

Tom*_*Tom 5 html iphone safari apple-touch-icon mobile

我的网站上有以下代码:

<link rel="apple-touch-icon" href="http://website.com/images/apple-touch-icon.png" />
Run Code Online (Sandbox Code Playgroud)

当我在Firefox中查看源并单击href属性时,图标显示(因此它不是404错误).

当代码被添加到类似的页面http://website.com/mobile/index.php或者http://website.com/mobile/page.php页面被添加到iPhone主屏幕时,图标工作正常,但是当页面网址相似http://website.com/pagehttp://website.com/index图标没有显示时.

Safari选项中提供的"网站调试控制台"中没有出现任何错误,我已尝试清除缓存和Cookie.

我也使用标签<base href="http://website.com/mobile/" />网站,它显示在http://website.com/mobile/index.phphttp://website.com/index.但我无法看到它会如何影响它,因为apple-touch-icon使用了一个完整的URL.

小智 19

这仅适用于具有有效且受信任的安全证书的HTTP或HTTPS站点.

如果出现证书错误,iOS将不会加载图像.临时信任Safari中的证书以获取页面将不信任主屏幕快捷方式的证书.如果使用自签名证书,则必须在操作系统级别将不受信任的根证书添加为可信证书.

  1. 在iOS设备上,导航到包含.crt文件链接的页面
  2. 点按链接
  3. 通过所有确认屏幕批准/安装


ele*_*119 4

尝试使用相对 URL:

<link rel="apple-touch-icon" href="/images/apple-touch-icon.png" />
Run Code Online (Sandbox Code Playgroud)

它应该转到您的基本目录并在 中找到图标/images

  • @andrea-zironda 不确定答案是否已被编辑或什么,但答案中的路径_绝对_是相对路径。**相对:** /path/to/image.png **绝对:** //www.website.com/path/to/image.png (6认同)
  • 好吧,那是一个绝对网址 (5认同)