【问题标题】:Popup Window That Covers Entire Screen覆盖整个屏幕的弹出窗口
【发布时间】:2014-06-29 01:21:45
【问题描述】:

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

【问题讨论】:

  • 幸好这是不可能的。
  • “大”现在没有太大意义:对于 1366x 来说大?笔记本电脑、1920x1050 显示器、320x480 智能手机、1024 HiDPI/视网膜平板电脑?

标签: javascript html css popup window


【解决方案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,这是可行的。您可以执行导航-> 额外-> 创建快捷方式。将其保存到您的桌面并打开它。现在您只能全屏显示您的网站。如果您想像客户应用程序一样使用它,这可以工作。给他们一种独立应用的感觉。

注意:没有更多选择。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-04-25
    • 2023-03-06
    • 1970-01-01
    • 1970-01-01
    • 2013-08-24
    • 1970-01-01
    • 2021-05-09
    • 1970-01-01
    相关资源
    最近更新 更多