所以我只看到一个网站这样做，我很想知道他们是怎么做到的。我顺便使用带有iOS5的iPhone 4。
在移动版Safari上转到http://m.funnyordie.com/（Will Ferrell的素描喜剧网站），将其添加到主屏幕，然后点击刚刚添加的主屏幕图标。
移动网站显示时没有任何Safari按钮或地址栏。它甚至在打开的应用程序托盘中显示为一个开放的独立应用程序（双击主页按钮，看看我在滑稽或死亡不在前台时的含义）。
您可以浏览页面上的视频甚至搜索，但是当您单击其他选项卡（最常查看，FoD独家）时，它会将您带到Safari应用程序以获取新选项卡。
我从未见过其他人这样做，我很想知道他们是怎么做到的。有人知道吗？
答案 0 :(得分：32)
它被称为 Web Clip ，如果您在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" />
答案 1 :(得分：-3)
另外，对于信息，似乎他们使用的是jQueryMobile（jquerymobile.com），我认为它可以为你做很多事情。