我正在移动网站上练习，但遇到了两个问题。
在我的 iPhone 上，我可以按下 Safari 浏览器中间的按钮并使用“添加到主屏幕”，以便在我的 iPhone 屏幕上的其他应用程序之间放置一个“应用程序图标”。当我按下我网站的图标时，它显然会将我重定向到我的网站并且（感谢 javascript 文件）隐藏了浏览器导航栏。不过，当我在网站上按下“a href”链接时，我会被带回 safari 浏览器并在那里打开它。
我想这是因为我是这样写的：
在我的手机上，我通过 IP 地址访问该网站。 有没有办法解决这个问题？
--
另一个问题：
当我在 Safari 中使用“添加到主屏幕”时，我应该给它一个名字。它会自动使用我在 HMTL 文件中给出的“标题”。但是我应该如何给应用程序一个图标？它目前只是使用某种网站的屏幕截图作为图标..
【问题讨论】：
标签： iphone mobile browser web href
iphone-app-icon-html-web-app-home-screen-icon
iPhone Mobile Safari 网络浏览器可识别一个特殊的 HTML 标记，可让您将 iPhone 应用程序图标添加到 HTML 应用程序。以下是可让您将 iPhone 应用程序图标添加到 Web 应用程序的语法：
<link rel="apple-touch-icon" href="/my-app-icon.png" />
REL 字段中带有 apple-touch-icon 的 HTML 链接标记告诉 iPhone Mobile Safari 浏览器将此图标用作您的 Web 应用程序的应用程序图标。
iPad 和 iPhone 应用图标像素大小
要支持更高分辨率的 iPhone 4，您的 iPhone 应用程序图标应该是 114 x 114 像素的图标。较旧的 iPhone 使用 56x56 像素图标（或可能是 57x57），而 iPad 使用 72x72 像素图标，您提供的图像将按比例缩小并适用于所有这些设备。下面是一个简短的总结：
iPhone 4 - 114x114 pixels
Older iPhone - 57x57 pixels
iPad (version 1) - 72x72 pixels
如果您希望对应用图标大小进行更多控制，Apple 的文档显示了以下示例：
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
【讨论】：