Question

我希望允许用户使用浏览器正在部署的RequestFullScreen函数单击链接以使我的网页完全全屏。您可以看到页面here。正如建议here，我正在调用document.documentElement的requestFullScreen方法。代码如下所示：

var el = document.documentElement
    , rfs = el.requestFullScreen
         || el.webkitRequestFullScreen
         || el.mozRequestFullScreen
         || el.msRequestFullScreen
;
if(typeof rfs!="undefined" && rfs){
  rfs.call(el);
}

问题是，我真的很奇怪这样做，在我的情况下，背景大多是黑色（你可以看看你是否点击链接）。难道我做错了什么？在我测试过的所有浏览器中，在浏览器中手动设置全屏都可以正常工作，这让我觉得documentElement可能在某种程度上不够包容。

换句话说：

似乎document.documentElement.mozRequestFullScreen与用户手动设置全屏幕的行为不同。有什么不同？为什么这种差异会导致问题？

Answer 1

我检查了网站并感到困惑，代码似乎没问题，但您可以尝试这个http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/

Answer 2

使用此功能完成了这项工作。

// Launch full screen
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();
  }
}

Full article

在最近的浏览器中将整个窗口设置为全屏

换句话说：

2 个答案: