Failed to execute ‘requestFullscreen‘ on ‘Element‘: API can
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
浏览器无法自启动全屏模式
报错信息: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()
}
}
}
有人在学习了js启动浏览器全屏模式之后,就肯定会想让浏览器在自启动之后就自动触发全屏模式,但是这样是不行的,任何自动加载全屏的代码都无法主动启动浏览器的全屏,无论是异步的还是模拟点击事件也不行!只有用户的主动行为才可以触发(任何鼠标事件任何键盘事件等等),这是为了用户体验和用户的浏览安全。如果您一进入一个网页它就给你弹一个全屏,您一定觉得反感。
如果有小伙伴想要自动全屏的话,那就死了这条心把!网页不是开发者的网页,而是用户的网页。用户才是使用者,才是爸爸。(狗头)
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献4条内容
所有评论(0)