浏览器无法自启动全屏模式

浏览器无法自启动全屏模式
报错信息：Failed to execute ‘requestFullscreen’ on ‘Element’: API can only be initiated by a user gesture.
翻译：无法在element上执行requestFullscreen方法，这个API只有用户主动行为才可以触发。

// 2021/5/29更新 这个行为新增了报错
报错信息：Uncaught (in promise) TypeError: fullscreen error at window.onload
翻译：在window.onload执行使用fullscreen是错误的

window.onload = () => {
    let element = document.documentElement
    if (element.requestFullscreen) {
            element.requestFullscreen()
        } else if (element.msRequestFullscreen) { // 兼容ie
            element.msRequestFullscreen()
        } else if (element.mozRequestFullScreen) { // 兼容火狐
            element.mozRequestFullScreen()
        } else if (element.webkitRequestFullscreen) { // 兼容chrome和safari
            element.webkitRequestFullscreen()
        }
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
有人在学习了js启动浏览器全屏模式之后，就肯定会想让浏览器在自启动之后就自动触发全屏模式，但是这样是不行的，任何自动加载全屏的代码都无法主动启动浏览器的全屏，无论是异步的还是模拟点击事件也不行！只有用户的主动行为才可以触发（任何鼠标事件任何键盘事件等等）,这是为了用户体验和用户的浏览安全。如果您一进入一个网页它就给你弹一个全屏，您一定觉得反感。

如果有小伙伴想要自动全屏的话，那就死了这条心把！网页不是开发者的网页，而是用户的网页。用户才是使用者，才是爸爸。（狗头）
————————————————
版权声明：本文为CSDN博主「kaiqisan」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_33933205/article/details/107712531