我目前正在努力让苹果触摸图标出现在手机上。在我的笔记本电脑上的 Safari 中,该图标显示为选项卡和书签的一部分。然而,在手机上,它不会出现。根据我的研究,我应该做对了,但它仍然不起作用。我正在舞台环境中对其进行测试,因为我正在开发的网站尚未上线。
这是我对苹果触摸图标的实现:
<link rel="apple-touch-icon" href="/build/favicon/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/build/favicon/apple-touch-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="167x167" href="/build/favicon/apple-touch-icon-167x167.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/build/favicon/apple-touch-icon-180x180.png" />
我的项目还包含一个 manifest.json 文件,其中包含所有路径,我像这样引用它:
<link rel="manifest" href="manifest.json" crossorigin="use-credentials">
当我在网站上时,我也可以在开发工具中打开清单文件,所以浏览器肯定可以访问它。
谁能帮我弄清楚这里可能存在什么问题?