cross-platform - 有没有办法让网站全屏显示（通过用户点击）？

Question

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

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

似乎在浏览器中工作不稳定。有更好/更兼容的解决方案吗？也许涉及 Flash 的东西？

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

Answer 1

我见过的唯一真正跨{平台、浏览器}的方法是在 Flash 中，例如这里的这个例子。不幸的是，但事实如此。

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

Answer 2

我知道这是一个旧帖子，但似乎您没有得到答案。这是我在许多 Web 应用程序中使用的 javascript 函数，当这个函数似乎更必要时。

但是，就像上面所说的，我不会将这个功能用于普通网站，因为许多用户讨厌这个功能，如果他们需要它会按 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>

Answer 3

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