如何通过 JavaScript 使用 F11 键事件使浏览器全屏

Question

我想让我的浏览器全屏显示。和我们做F11按键事件时一样。我发现了一些示例，例如

function maxwin() {
    var wscript = new ActiveXObject("WScript.Shell");
    if (wscript!=null) {
         wscript.SendKeys("{F11}");
    }
}

Which does not work on mozilla 或任何其他最新的浏览器。请告诉我是否有任何方法可以解决这个问题。

谢谢。 （提前。）

Answer 1

现在，最新版本的 Chrome、Firefox 和 IE(11) 都可以实现这一点。

按照 Zuul 在此线程上的指示，我编辑了他的代码以包含 IE11 和选项全屏显示页面上选择的任何元素。

JS：

function toggleFullScreen(elem) {
    // ## The below if statement seems to work better ## if ((document.fullScreenElement && document.fullScreenElement !== null) || (document.msfullscreenElement && document.msfullscreenElement !== null) || (!document.mozFullScreen && !document.webkitIsFullScreen)) {
    if ((document.fullScreenElement !== undefined && document.fullScreenElement === null) || (document.msFullscreenElement !== undefined && document.msFullscreenElement === null) || (document.mozFullScreen !== undefined && !document.mozFullScreen) || (document.webkitIsFullScreen !== undefined && !document.webkitIsFullScreen)) {
        if (elem.requestFullScreen) {
            elem.requestFullScreen();
        } else if (elem.mozRequestFullScreen) {
            elem.mozRequestFullScreen();
        } else if (elem.webkitRequestFullScreen) {
            elem.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
        } else if (elem.msRequestFullscreen) {
            elem.msRequestFullscreen();
        }
    } else {
        if (document.cancelFullScreen) {
            document.cancelFullScreen();
        } else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
        } else if (document.webkitCancelFullScreen) {
            document.webkitCancelFullScreen();
        } else if (document.msExitFullscreen) {
            document.msExitFullscreen();
        }
    }
}

HTML：

<input type="button" value="click to toggle fullscreen" onclick="toggleFullScreen(document.body)">

其中“document.body”是您希望的任何元素。

另请注意，尝试从控制台运行这些全屏命令似乎不适用于 Chrome 或 IE。不过我在 Firefox 中使用 Firebug 确实取得了成功。

另一件需要注意的事情是这些“全屏”命令没有垂直滚动条，您需要在 CSS 中指定这一点：

*:fullscreen
*:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
   overflow: auto !important;
}

“！important”似乎是 IE 渲染它所必需的

Answer 2

请改用此代码

var el = document.documentElement
, rfs = // for newer Webkit and Firefox
       el.requestFullScreen
    || el.webkitRequestFullScreen
    || el.mozRequestFullScreen
    || el.msRequestFullScreen
;
if(typeof rfs!="undefined" && rfs){
  rfs.call(el);
} else if(typeof window.ActiveXObject!="undefined"){
  // for Internet Explorer
  var wscript = new ActiveXObject("WScript.Shell");
  if (wscript!=null) {
     wscript.SendKeys("{F11}");
  }
}

来源：如何在 Javascript 中制作全屏窗口（在整个屏幕上伸展）

在 Chrome、FF10 以上、IE 8 以上、Safari 5 上运行并经过测试。

Answer 3

如果没有本机代码或浏览器扩展，这是不可能的。 ActiveXObject仅存在于IE浏览器中。

Answer 4

如今，

 webkitEnterFullscreen()

Firefox 10 也可以使用（至少 safari 5、chrome 16 上的 webkit 浏览器）。 检查此链接

不知道是什么ie 在这个主题中正在做