如何检查浏览器是否处于全屏模式？

Question

我了解新的全屏API，但目前找不到任何方法可以检查浏览器是否处于全屏模式。我对Chrome特别感兴趣。可能吗？

我正在寻找这样的东西

window.addEventListener('load', function() {
    if (FULLSCREEN) {
        console.log('We are in full screen mode!')
    } else {
        console.log('Normal mode')
    }
})

Answer 1

根据全屏API的md doc：https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_APIchrome不支持它。

Answer 2

如果文档处于全屏模式，则document.fullscreenElement将返回触发该模式的元素。不全屏显示时，返回null。在某些浏览器中，您可能需要使用带前缀的版本document.webkitFullscreenElement。

MDN: fullscreenElement

Answer 3

为什么不使用按F11的简单方法。通过这种方式，您可以查看是以全屏模式还是普通模式查看Chrome。也许您可以找到一些建议使本文https://rocketfiles.com/articles/how-to-exit-full-screen-chrome变红。我没有使用您要求的API，但是会尝试的。也许以后会写信给您，供我参考。