html5 游戏不全屏显示,HTML5 的全屏显示功能

要全屏显示窗口，如果是新窗口可以用 window.open 方法指定 "fullscreen" 参数。但是出于安全考虑，现在大多数浏览器都会在全屏时显示地址栏或者状态栏，因此只能得到伪全屏的效果。如果是当前窗口，以前并没有好办法做到，只能提醒用户按 F11 键了。

目前，在 HTML5 中已经有全屏显示 API 的草案了，而且 Chrome 15，Safari 5.1 和 Firefox 10 都支持它。但是，具体的写法还是稍有不同的。例如：

// chrome and safari

element.webkitRequestFullScreen();

document.webkitCancelFullScreen();

// firefox

element.mozRequestFullScreen();

document.mozCancelFullScreen();

// W3C

element.requestFullscreen();

document.exitFullscreen();

其中，每个元素都可以要求全屏，但未必总能成功；而退出全屏是 document 元素的方法。注意其中的 screen 的大小写有些不同。

至于移动设备，Chrome 28 for Android 开始支持这个全屏 API。而对于 iOS 设备，在网页头部添加如下一行，可以让该网页在 iOS 桌面直接打开时全屏显示：

[YAML] updated: 2013-06-25 22:43:00