我想制作一个带有 JavaScript 游戏的简单网页，看起来像 iPhone 上的应用程序。我知道我可以将书签保存到主屏幕，它看起来像一个应用程序，我知道我可以在我的 HTML 中为缩略图设置 apple-itouch-image。但是当你点击主屏幕上的应用程序时，很明显这只是一个网页。我怎样才能像 Google 阅读器一样去掉顶部的 URL 和搜索栏？如果您稍后向上滚动，可以看到该栏。
是否可以在点击网页时直接进入全屏模式？
我不是在寻找像 PhoneGap 这样的东西，我只是想用 JavaScript 制作一个看起来像应用程序的简单网页，我不希望它实际上是一个应用程序。
最佳答案
您可以在页面的头部放置一些元标记。试试这些:
<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 通知 Apple iOS 可以将应用程序安装到用户跳板，这样它就可以在没有菜单栏的情况下启动 Safari Mobile 浏览器
apple-mobile-web-app-status-bar-style 控制屏幕顶部细状态栏的外观。
另一行有用的是:
<link rel="apple-touch-icon-precomposed" href="myicon.png"/>
这将在安装后为应用程序提供一个自定义图标。
关于iphone - 如何使 JavaScript 网页看起来像 iPhone 上的应用程序，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15505038/