javascript - 覆盖整个屏幕的弹出窗口

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 这有效。你可以做 nav -> extra -> 创建快捷方式。将其保存到桌面并打开它。现在您只能全屏显示您的网站。如果您想像客户的应用程序一样使用它，这可能会起作用。给他们一种独立应用程序的感觉。

注意:没有更多选项。