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

Question

我知道新的全屏 API，但我找不到任何方法来检查浏览器此时是否处于全屏模式。我对 Chrome 特别感兴趣。有可能吗？

我正在寻找这样的东西

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

Answer 1

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

MDN：全屏元素