覆盖整个屏幕的弹出窗口

Question

我有一个非常大的交互元素，如果我可以让某个弹出窗口覆盖浏览器的整个窗口，包括搜索栏和窗口，除了显示网页的浏览器部分之外，我希望它。这可能吗？

Answer 1

在这里查看全屏模式（也包括窗口的状态栏）（适用于 Chrome 和其他现代浏览器）：

1. Chrome Fullscreen API
2. https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode

用户必须使用点击事件或其他事件，因为必须有交互。

工作示例：

document.addEventListener("click", function() {

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

选项 2
如果要创建当前 URL 的快捷方式。比你没有状态栏或其他选项卡。对于 Chrome，这是可行的。您可以执行导航-> 额外-> 创建快捷方式。将其保存到您的桌面并打开它。现在您只能全屏显示您的网站。如果您想像客户应用程序一样使用它，这可以工作。给他们一种独立应用的感觉。

注意：没有更多选择。