首页 > HTML5,javascript如何让浏览器自动全屏显示(或者其它方法也可以)

HTML5,javascript如何让浏览器自动全屏显示(或者其它方法也可以)

<html >
<meta charset="UTF-8">
<body>
<button onclick="launchFullscreen(document.documentElement);">启动全屏</button>  



<script>
function launchFullscreen(element) {
  if(element.requestFullscreen) {
    element.requestFullscreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if(element.msRequestFullscreen) {
    element.msRequestFullscreen();
  }
}
 
</script>



</body>
</html>

现在这段代码只能点击按钮才能全屏,有没有什么方法自动全屏浏览器的

请给出代码实现

谢谢


有些手机浏览器通过添加一个mate标签是可以自动进入应用模式的,iPhone自带的,QQ浏览器,还有UC浏览器,都是可以的


我最近也遇到了同样的问题 需要页面加载完成后就是浏览器全屏 一直找不到方法解决 楼主可以提供下你的解决方案和python脚本文件吗 非常感谢 这是我的QQ:376984070


我试着改写成立即执行的函数表达式:

(function launchFullscreen(element) {
  if(element.requestFullscreen) {
    element.requestFullscreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if(element.msRequestFullscreen) {
    element.msRequestFullscreen();
  }
})(document.documentElement);

但是chrome提示:

Failed to execute 'requestFullScreen' on 'Element': API can only be initiated by a user gesture.

貌似意设定:这种api操作只能有人来出发。。。

api给的例子也是由一个条件来出发这个html5的全屏函数:

element.requestFullScreen()

Makes an individual element full-screen, e.g. document.getElementById(“myvideo”).requestFullScreen().


试过直接调用函数,但是chrmoe提示这个API只能够通过用户操作来触发。


试试把宽高设置成100%,或者设置成window.screen.availHieght和window.screen.availWidth


因为找不到想要的结果所以直接用python脚本写了一个

【热门文章】
【热门文章】