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

Question

有没有办法触发对话框以使用全屏内置浏览器？ (并离开全屏)(例如通常可通过 f11 访问的 View 模式)

问题参数:

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

(有多种方法可以在全屏中创建弹出窗口 - 但这并不适用于所有浏览器。最好的情况是:浏览器功能的非模式 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 ();
}