提供一个对话框以在 Web 应用程序上使用浏览器固有的全屏

Question

有没有办法触发对话框以使用全屏内置浏览器？ （并保持全屏）（例如通常可通过 f11 访问的视图模式）

问题参数：

我有一个 webGL Web 应用程序，其中常见的使用情况是集中浏览应用程序超过 10 分钟。 在那段时间里，我很乐意向用户建议全屏 - 这样用户界面就不会因浏览器差异而中断，并且可以使用尽可能多的屏幕空间。

（有多种方法可以在全屏中创建弹出窗口 - 但这并不适用于所有浏览器。最好的情况是：浏览器功能的非模式 Javascript 可访问 API）

Chrome、Firefox、Opera、(IE) - 解决方案这个重要性顺序。

如果可以避免，请不要讨论问题参数。除非有什么重要的事情我错过了。 =)

Answer 1

标准正在制定中，但不要指望再过一两年……标准的批准非常缓慢。这在一定程度上与鼠标锁定有关，这是目前由 Google 的 Vincent Schieb 在 Chrome 上实现的一个很好的功能。

如果您想测试在 Nightly Webkit 浏览器（例如 Chrome Canary）上运行的全屏 API，这里的 Javascript 代码将使您的页面全屏显示：

function fs() {
    var elem = document.getElementById("test");
    elem.onwebkitfullscreenchange = function () {
        console.log ("We went fullscreen!");
    };
    elem.webkitRequestFullScreen ();
}