Question

我在移动网站上练习，但我遇到了两个问题。

在我的iPhone上，我可以在Safari浏览器中间按下按钮并使用“添加到主屏幕”，以便在我的iPhone屏幕上的其他应用程序之间放置一个“应用程序图标”。当我按下我网站的图标时，它显然会将我重定向到我的网站，并且（感谢javascript文件）隐藏了浏览器导航栏。但是，当我在网站上按下“a href”链接时，我将被带回Safari浏览器以在那里打开它。

我认为这是因为我这样写了：

在我的手机上，我通过IP地址访问该网站。有什么方法可以解决这个问题吗？

-

另一个问题：

当我在Safari中使用“添加到主屏幕”时，我应该给它起一个名字。它会自动使用HMTL文件中给出的“标题”。但我怎么能给这个应用程序一个图标呢？它目前只是使用某种网站截图作为图标..

Answer 1

iphone-app-icon-html-web-app-home-screen-icon

iPhone Mobile Safari网络浏览器可识别一个特殊的HTML标记，可让您将HTML应用程序图标添加到HTML应用程序中。以下是允许您向Web应用程序添加iPhone应用程序图标的语法：

<link rel="apple-touch-icon" href="/my-app-icon.png" />

这个带有REL字段中的apple-touch-icon的HTML链接标签告诉iPhone Mobile Safari浏览器将此图标用作您的网络应用程序的应用程序图标。

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" />

移动网站的问题

1 个答案: