天天看点

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