当前博客:如何通过JS来把浏览器窗口全屏

42 次浏览【转载需注明来源】

博客作者:【Jeffrey】

个性签名:永远有一个更好的方法

如何通过JS来把浏览器窗口全屏,就是类似于按F11的效果.

默认排序
Generic placeholder image
Generic placeholder image
已采纳
qiang Time: 2023-09-06 09:35:03

中文代码正在封装,你可以先这样使用,注意,不能直接调用,需要用户操作后调用这个方法,例如用户点击按钮全屏等。

// 进入全屏
定义函数 enterFullscreen() {
    如果 (document.documentElement.requestFullscreen) {
        document.documentElement.requestFullscreen();
    } 否则 如果 (document.documentElement.mozRequestFullScreen) {
        document.documentElement.mozRequestFullScreen();
    } 否则 如果 (document.documentElement.webkitRequestFullscreen) {
        document.documentElement.webkitRequestFullscreen();
    } 否则 如果 (document.documentElement.msRequestFullscreen) {
        document.documentElement.msRequestFullscreen();
    }
}

// 退出全屏
定义函数 exitFullscreen() {
    如果 (document.exitFullscreen) {
        document.exitFullscreen();
    } 否则 如果 (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    } 否则 如果 (document.webkitExitFullscreen) {
        document.webkitExitFullscreen();
    } 否则 如果 (document.msExitFullscreen) {
        document.msExitFullscreen();
    }
}

// 使用示例
enterFullscreen(); // 进入全屏
exitFullscreen(); // 退出全屏
Generic placeholder image
快码FOF编程 Time: 2023-09-06 08:44:52

考虑到用户的安全性,浏览器并不会允许开发者通过代码控制f11的效果


如何通过JS来把浏览器窗口全屏