如何使用 JavaScript 在全屏模式下查看元素答案

【问题标题】：How can i use JavaScript to view an element in fullscreen mode如何使用 JavaScript 在全屏模式下查看元素
【发布时间】：2019-11-14 23:32:49
【问题描述】：

我想知道如何使用 JavaScript 在全屏模式下查看元素。

我对 firefox mozilla 网络浏览器有问题

function openFullscreen(elem) {
 if (elem.requestFullscreen) {
 elem.requestFullscreen();
 } else if (elem.mozRequestFullScreen) { /* Firefox */
 elem.mozRequestFullScreen();
 } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
 elem.webkitRequestFullscreen();
 } else if (elem.msRequestFullscreen) { /* IE/Edge */
 elem.msRequestFullscreen();
 }
}

当我在一个元素上调用 requestFullscreen() 方法时，控制台日志上有一个错误告诉我

全屏请求被拒绝，因为文档的至少一个包含元素不是 iframe 或没有“allowfullscreen”属性。

你必须知道我想在一个元素上做这个动作（全屏）

【问题讨论】：

标签： javascript

【解决方案1】：

要检查浏览器是否支持全屏，请使用 fullscreenEnabled 属性，这是 Document 界面的一部分。

if (document.fullscreenEnabled) {
    // supported
}

为了改善用户体验，让您的应用侦听错误。

document.addEventListener("fullscreenerror", function (event) {
    // an error occurred
});

正确的语法是：

document.documentElement.requestFullscreen();

【讨论】：