0

我目前正在努力让苹果触摸图标出现在手机上。在我的笔记本电脑上的 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">

当我在网站上时,我也可以在开发工具中打开清单文件,所以浏览器肯定可以访问它。

谁能帮我弄清楚这里可能存在什么问题?

4

0 回答 0