Question

我希望在打开时以全屏显示我的页面（没有用户输入）。我怎样才能做到这一点？我尝试了这段代码，但它并没有真正起作用

function fullScreen(element) {
    if (element.requestFullscreen) {
        element.requestFullscreen();
    } else if (element.webkitrequestFullscreen) {
        element.webkitRequestFullscreen();
    } else if (element.mozRequestFullscreen) {
        element.mozRequestFullscreen();
    }
}

var html = document.documentElement;
fullScreen(html);

Answer 1

今天（6/2018），如果没有用户互动触发事件，则无法调用全屏方法。正如医生所说：

需要从事件处理程序或内部调用全屏请求否则他们将被拒绝。

https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API我们无法模仿这种互动。此示例显示了该行为：

<div id="somediv">
    content
</div>

<script>

var div = document.getElementById("somediv");

function toggleFullScreen() {
    if (!document.mozFullScreen && !document.webkitFullScreen) {
      if (div.mozRequestFullScreen) {   
        div.mozRequestFullScreen();
      } else {
        div.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
      }
    } else {
      if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
      } else {
        document.webkitCancelFullScreen();
      }
    }
  }

  document.addEventListener("click", function(e) {
      console.log("click");
      toggleFullScreen();
  }, false);


div.click();

</script>

此示例显示console.log（“click”）;执行时没有交互，但fullScreen被拒绝。如果用户执行单击（用户事件），则允许使用fullScreen。

使用JS全屏显示页面

1 个答案: