覆盖整个屏幕的弹出窗口

Question

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

Answer 1

在这里查看全屏模式（也包括Windows的状态栏）（适用于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，这是有效的。你可以做导航 - ＆gt;额外 - ＆gt;创建快捷方式将其保存到桌面并打开它。现在你只能全屏显示你的网站。如果您想像客户的应用程序一样使用它，这可以工作。给他们一种独立应用的感觉。

注意：还有更多选项。