如何在Mobile中强制web浏览器定向

Question

我正在努力制作一款类似莱昂纳多的游戏。

但我的问题是，我的游戏必须在横向模式下进行。

所以我想在移动网络浏览器上强制定向。（你会看到莱昂纳多的游戏，如果在人像模式下玩游戏，会将网页浏览器旋转到横向。）

我该怎么做？

谢谢。

Answer 1

我想你可能想看看http://html5doctor.com/web-manifest-specification/

看起来在现代浏览器中，你可以通过以下方式指定你想要的方向：

{
 "display": "fullscreen",
 "orientation": "landscape"
}

Answer 2

正如Peter B.用JSON 所说

<link rel="manifest" href="manifest.json">

manifest.json:

{
     "display":      "fullscreen", /* Could be "fullscreen", "standalone", "minimal-ui", or "browser" */
        "orientation":  "landscape", /* Could be "landscape" or "portrait" */
      }

但在其他方面对JS的一些东西很有帮助。如何确定是横向还是纵向：

 if(window.innerHeight > window.innerWidth){}

使用webkit，你可以将页面翻转90°，但我并不建议这样做。