实现原理(以下代码部分,详细说明),但是需要手动点击,触发一下。
在打包出的入口文件 index.html 中加入以下代码:
/**
* 浏览器全屏
*/
<script>
//检测是否全屏
function checkFull() {
var isFull = document.fullscreenEnabled || window.fullScreen || document.webkitIsFullScreen || document.msFullscreenEnabled;
if (isFull === undefined) isFull = false;
return isFull;
}
//设置全屏
function setFullScreen() {
var el = document.documentElement;
var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen;
if (typeof rfs != "undefined" && rfs) {
rfs.call(el);
} else if (typeof window.ActiveXObject != "undefined") {
var wscript = new ActiveXObject("WScript.Shell");
if (wscript != null) {
wscript.SendKeys("{F11}");
}
}
}
window.onclick = function (e) {
if (!checkFull()) {
setFullScreen();
} else {
// alert('已经处于全屏')
}
}
</script>
进入游戏之后,点击屏幕就会全屏。