Question

当用户点击“在全屏查看”按钮/链接时，客户希望我创建一个可以全屏显示的网站。我见过的解决方案在这里和其他地方发布：

window.open('www.example.com', 'title', 'type=fullWindow, fullscreen, scrollbars=yes');

似乎在各种浏览器中都很有效。有更好/更兼容的解决方案吗？也许涉及Flash的东西？

提前致谢。（而且我知道有人会建议它，所以当我说有一个提示用户按F11的警告框被建议并击落时，请相信）

Answer 1

我见过的唯一真正的跨平台浏览器方法是flash，例如本例here。不幸，但确实如此。

顺便说一句， F11 无论如何都是一个非常特定于平台的答案 - 例如，它不适用于mac。

Answer 2

当网站决定窗口应该有多大时，用户不喜欢它，因为它通常被试图引起他们注意的坏广告商使用。令人烦恼的是，大多数浏览器现在禁用窗口大小调整。我不是说你是一个坏公民，但是浏览器无法区分不良行为和良好行为。

Answer 3

我知道这是一个老帖子，但似乎你没有得到答案。这是一个javascript函数，当这个函数看起来更有必要时，我已经用于许多Web应用程序。

然而，如上所述，我不会将此功能用于普通网站，因为许多用户讨厌此功能，如果他们需要，将按f11。

function fullScreen() {
    var el = document.documentElement
    , rfs = // for newer Webkit and Firefox
       el.requestFullScreen
    || el.webkitRequestFullScreen
    || el.mozRequestFullScreen
    || el.msRequestFullScreen
    ;

    if(typeof rfs!="undefined" && rfs){

        rfs.call(el);

    } else if(typeof window.ActiveXObject!="undefined"){

        // for Internet Explorer
        var wscript = new ActiveXObject("WScript.Shell");

        if (wscript!=null) {
          wscript.SendKeys("{F11}");
        }
    }

}

当然，只需在按钮/链接上添加onclick事件即可。

<button onclick="fullscreen();">click for fullscreen</button>

有没有办法让网站全屏（用户点击）？

3 个答案: