javascript - 如何在全屏模式下自动打开网页

Question

如何在全屏模式下自动打开网页？

我正在寻找一种以全屏模式自动打开网页的解决方案，而不是期望用户按 F11 或任何其他浏览器特定的键。

我已经搜索了很多，但我找不到解决方案。

是否有脚本或库或浏览器特定的 API 可帮助我实现这一目标？

Answer 1

通过Chrome Fullscreen API用于 Chrome

请注意，出于（Chrome）安全原因，它不能被自动调用或执行，必须首先来自用户的交互。（如按钮点击、keydown/keypress 等）

addEventListener("click", function() {
    var
          el = document.documentElement
        , rfs =
               el.requestFullScreen
            || el.webkitRequestFullScreen
            || el.mozRequestFullScreen
    ;
    rfs.call(el);
});

Javascript Fullscreen API 作为David Walsh的演示，似乎是一个跨浏览器解决方案

// Find the right method, call on correct element
function launchFullScreen(element) {
  if(element.requestFullScreen) {
    element.requestFullScreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen();
  }
}

// Launch fullscreen for browsers that support it!
launchFullScreen(document.documentElement); // the whole page
launchFullScreen(document.getElementById("videoElement")); // any individual element

Answer 2

仅适用于 IE：

window.open ("mapage.html","","fullscreen=yes");  
window.open('','_parent','');  
window.close();

Answer 3

您可以通过将以下代码自动进入全屏：

var elem = document.documentElement; if (elem.requestFullscreen) { elem.requestFullscreen() }

演示：https ://codepen.io/ConfidentCoding/pen/ewLyPX

注意：出于安全原因，并不总是有效。但它至少对我有用。检查和粘贴代码时不起作用。

Answer 4

最好自己模拟一个网络浏览器。你不必坚持使用Chrome或IE或其他东西。

如果你使用 Python，你可以尝试包 pyQt4，它可以帮助你模拟一个网络浏览器。通过这样做，不会有任何安全原因，您可以将网络浏览器设置为自动以全屏模式显示。

Answer 5

查看全尺寸页面 large (function () { var viewFullScreen = document.getElementById("view-fullscreen"); if (viewFullScreen) { viewFullScreen.addEventListener("click", function () { var docElm = document.documentElement; if ( docElm.requestFullscreen) { docElm.requestFullscreen(); } else if (docElm.mozRequestFullScreen) { docElm.mozRequestFullScreen(); } else if (docElm.webkitRequestFullScreen) { docElm.webkitRequestFullScreen(); } }, false); } }) ();

<div class="container">      
            <section class="main-content">
                                    <center><a href="#"><button id="view-fullscreen">view full size page large</button></a><center>
                                           <script>(function () {
    var viewFullScreen = document.getElementById("view-fullscreen");
    if (viewFullScreen) {
        viewFullScreen.addEventListener("click", function () {
            var docElm = document.documentElement;
            if (docElm.requestFullscreen) {
                docElm.requestFullscreen();
            }
            else if (docElm.mozRequestFullScreen) {
                docElm.mozRequestFullScreen();
            }
            else if (docElm.webkitRequestFullScreen) {
                docElm.webkitRequestFullScreen();
            }
        }, false);
    }
    })();</script>
                                           </section>
</div>

查看演示 clcik here演示单击以全屏打开页面

Answer 6

window.onload = function() {
    var el = document.documentElement,
        rfs = el.requestFullScreen
        || el.webkitRequestFullScreen
        || el.mozRequestFullScreen;
    rfs.call(el);
};