20

所以我只看到一个网站这样做,我很想知道他们是如何做到的。顺便说一句,我正在使用带有 iOS5 的 iPhone 4。

在移动版 Safari 上访问http://m.funnyordie.com/(Will Ferrell 的小品喜剧网站),将其添加到主屏幕,然后单击刚刚添加的主屏幕图标。

移动网站显示时没有任何 Safari 按钮或地址栏。它甚至作为一个打开的独立应用程序显示在打开的应用程序托盘中(双击主页按钮以查看我的意思,当有趣或死亡不在前台时)。

您可以浏览页面上的视频,甚至可以搜索,但是当您单击其他选项卡之一(观看次数最多、FoD 独家)时,它会将您带到 Safari 应用程序以获取新选项卡。

我从未见过其他人这样做,我很想知道他们是如何做到这一点的。有人知道吗?

4

2 回答 2

34

它被称为Web Clip,如果您在 html 中指定一些元数据,您可以让它出现在主屏幕上并带有一个图标

https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

添加图标:

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

要有一个启动图像:

<link rel="apple-touch-startup-image" href="/startup.png">

要隐藏导航栏:

<meta name="apple-mobile-web-app-capable" content="yes" />

要更改状态栏外观:

<meta name="apple-mobile-web-app-status-bar-style" content="black" />
于 2011-11-19T17:14:15.067 回答
-3

另外对于信息,他们似乎在大量使用 jQueryMobile (jquerymobile.com),我认为这可以为您做很多事情。

于 2011-11-19T18:01:58.907 回答