Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 覆盖整个屏幕的弹出窗口_Javascript_Html_Css_Popup_Window - Fatal编程技术网

Javascript 覆盖整个屏幕的弹出窗口

Javascript 覆盖整个屏幕的弹出窗口,javascript,html,css,popup,window,Javascript,Html,Css,Popup,Window,我有一个非常大的互动元素,如果我能使某个弹出窗口覆盖整个浏览器窗口,包括搜索栏和窗口,以及显示网页的浏览器部分,我希望它。这可能吗?在这里查看全屏模式(也包括windows的状态栏)(适用于Chrome和其他现代浏览器): 用户必须使用单击事件或其他事件,因为必须进行交互 工作示例: document.addEventListener("click", function() { var el = document.documentElement , r

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

在这里查看全屏模式(也包括windows的状态栏)(适用于Chrome和其他现代浏览器):

  • 用户必须使用单击事件或其他事件,因为必须进行交互

    工作示例:

    document.addEventListener("click", function() {
    
     var
              el = document.documentElement
            , rfs =
                   el.requestFullScreen
                || el.webkitRequestFullScreen
                || el.mozRequestFullScreen
        ;
        rfs.call(el);
    });
    
    选项2
    如果要创建指向当前URL的快捷方式。您没有状态栏或其他选项卡。对于Chrome来说,这很有效。您可以执行导航->额外->创建快捷方式。将其保存到桌面并打开。现在你的网站只有全屏显示。如果您想将其作为客户的应用程序使用,则可以使用它。给他们一种独立应用程序的感觉


    注意:没有更多的选择。

    幸运的是,这是不可能的。“大”现在没有太大的意义:大到1366x??笔记本电脑,1920x1050显示器,320x480智能手机,1024 HiDPI/retina平板电脑?