Question

我已经在网上搜索了答案，但尚未找到解决方案。

我尝试通过以下代码添加iPhone网络应用图标（将网页保存到主屏幕时）：

<link href="http://localhost:5001/Images/cc.png" rel="apple-touch-icon" />
<link href="http://localhost:5001/Images/cc-76x76.png" rel="apple-touch-icon" sizes="76x76" />
<link href="http://localhost:5001/Images/cc-120x120.png" rel="apple-touch-icon" sizes="120x120" />
<link href="http://localhost:5001/Images/cc-152x152.png" rel="apple-touch-icon" sizes="152x152" />

P.S - 我使用Visual Studios 2013编程并通过localhost运行应用程序

经过一番研究后，我得出一个结论，我的问题可能在于如何链接图像的位置 - 人们说你需要将它放在根文档文件夹中，但我无法弄清楚如何这样做

提前感谢您的任何帮助：）

Answer 1

向您网站的HEAD添加一小段代码，以便设备可以找到您的图片，建议您创建相应尺寸的图标并将其添加到您网站的根文件夹中）代码如下（根据ios 7） -

<link href="http://www.yoursite.com/apple-touch-icon.png" rel="apple-touch-icon" /> <link href="http://www.yoursite.com/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" /> <link href="http://www.yoursite.com/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" /> <link href="http://www.yoursite.com/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" />

Web应用程序 - iPhone应用程序图标

1 个答案: