我正在构建一个基于Web的管理软件,并希望添加选项以将其放大到全屏,以获得尽可能多的空间。 为此,我尝试了一些jquery插件和以下代码
function toggleFullScreen() {
if (!document.fullscreenElement && // alternative standard method
!document.mozFullScreenElement && !document.webkitFullscreenElement) { // current working methods
if (document.documentElement.requestFullscreen) {
document.documentElement.requestFullscreen();
} else if (document.documentElement.mozRequestFullScreen) {
document.documentElement.mozRequestFullScreen();
} else if (document.documentElement.webkitRequestFullscreen) {
document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
}
} else {
if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
}
}
问题是当我点击任何链接并重新加载页面时,它会恢复到正常模式。 单击键盘上的F11时不会发生这种情况。 这是api的限制还是有一种方法可以完美地模拟F11模式?