html - 如何打开页面就全屏显示？按F11的效果

问题描述

问 题

想网页打开就让浏览器全屏显示,听说可以设置html头部实现？
知道搜索了下uc和qq浏览器可以用一下meta设置实现，但谷歌不行。。

<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">

谷歌浏览器是否有类似的设置实现？

解决方案

https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullScreen

Element.prototype.webkitRequestFullscreen 是一个实例方法。

试了一下，用 call 的方式无法调用，提示必须使用元素事件来触发，比如点击元素。

document.body.onclick = function(){
    this.webkitRequestFullscreen();
}

这篇关于html - 如何打开页面就全屏显示？按F11的效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！