我想制作一个简单的网页，其中的JavaScript游戏看起来像iPhone上的应用程序。我知道我可以将书签保存到主屏幕，看起来像一个应用程序，我知道我可以在我的HTML中设置缩略图的apple-itouch-image。但是当你点击主屏幕上的应用时，很明显这只是一个网页。我如何摆脱Google Reader顶端的网址和搜索栏？如果您稍后向上滚动，则可以看到该栏。如何使JavaScript网页看起来像iPhone上的应用程序
单击网页时是否可以直接进入全屏模式？
我不是在寻找像PhoneGap这样的东西，我只是想让一个简单的网页与JavaScript看起来像一个应用程序，我不希望它实际上是一个应用程序。
你可以把一些meta标签放在页面的head块中。试试这些：
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
viewport设置宽度并控制缩放和缩放。
apple-mobile-web-app-capable通知苹果iOS应用程序可以被安装到用户的跳板，以便它启动的Safari移动浏览器，而菜单栏
apple-mobile-web-app-status-bar-style控制薄状态栏在屏幕顶部的样子。
另一个有用的路线是：
<link rel="apple-touch-icon-precomposed" href="myicon.png"/>
，这将给应用程序自定义图标安装一次。
。除了“黑色半透明”状态栏不适用于我的iPhone 4s，它只是纯黑色。我甚至在Apple的文档中查找了正确的用法。也许该功能已停用... – 2013-03-19 18:09:07
您需要定义几个<meta>标签，最显着的是apple-mobile-web-app-capable。在这里看到一个完整的教程http://mobile.tutsplus.com/tutorials/iphone/iphone-web-app-meta-tags/
添加
<meta name="apple-mobile-web-app-capable" content="yes" />
然后后保存到主屏幕它应该工作。
你最好的办法是看看我正在寻找的http://jquerymobile.com/ – 2013-03-19 16:28:13