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

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/