0

我正在尝试使用全屏 API 打开一个新页面（具有不同的布局）。当用户单击打开的课程链接时，正确的页面/布局将以全屏模式打开。

我正在使用此功能来触发全屏模式：

// Find the right method, call on correct element
function launchIntoFullscreen(element) {
  if(element.requestFullscreen) {
    element.requestFullscreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if(element.msRequestFullscreen) {
    element.msRequestFullscreen();
  }
}

// Launch fullscreen for browsers that support it!
launchIntoFullscreen(document.documentElement); // the whole page

问题是，API 只接受在全屏模式下打开同一页面或隐藏元素。我知道这是预期的行为。

当用户单击正确的链接时，我需要以全屏模式打开不同的页面。

有什么解决方法可以使它成为可能吗？

4

1 回答 1

1

这是我目前用来切换全屏模式的。

function fullscreen() {
    var isInFullScreen = (document.fullscreenElement && document.fullscreenElement !== null) ||
        (document.webkitFullscreenElement && document.webkitFullscreenElement !== null) ||
        (document.mozFullScreenElement && document.mozFullScreenElement !== null) ||
        (document.msFullscreenElement && document.msFullscreenElement !== null);
    if (!isInFullScreen) {
        if (document.documentElement.requestFullscreen) {
            document.documentElement.requestFullscreen();
        } else if (document.documentElement.mozRequestFullScreen) {
            document.documentElement.mozRequestFullScreen();
        } else if (document.documentElement.webkitRequestFullScreen) {
            document.documentElement.webkitRequestFullScreen();
        } else if (document.documentElement.msRequestFullscreen) {
            document.documentElement.msRequestFullscreen();
        }
    } else {
        if (document.exitFullscreen) {
            document.exitFullscreen();
        } else if (document.webkitExitFullscreen) {
            document.webkitExitFullscreen();
        } else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
        } else if (document.msExitFullscreen) {
            document.msExitFullscreen();
        }
    }
}

您不能全屏启动新页面，因为它受到浏览器安全性的限制（如您所见）。但是，您可以全屏打开 .NET 或 Java 应用程序。

尝试绕过浏览器安全性的一个建议是提供一个插件，该插件将与您的页面一起使用，将其功能扩展到用户桌面。

您也可以尝试更底层的事件挂钩或尝试模拟它们（例如，伪造“点击”硬件事件）。如果需要，可以使用另一种语言来辅助，例如 Flash、Java 或 .NET。

希望这是足够的信息，可以使齿轮滚动并解决该问题。我相信您可以理解为什么这是浏览器安全性的一部分，但是也存在绕过使用可扩展性的可能性，所以有点像 m00t 因素恕我直言。如果他们真的希望确保浏览器安全，那么他们将无法选择自动下载或自动运行内容，并且 javascript 将无法通过 UI 阻止对话框或播放音频来发送垃圾邮件——等等. 但我离题了。在“浏览器安全”的幌子下缺乏使用这个功能是一个非常薄弱的​​论点，因为那里有很多更麻烦的问题。

于 2016-08-13T16:51:21.743 回答