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_API chrome不支持。

Answer 2

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

MDN: fullscreenElement

Answer 3

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

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

3 个答案: