检查是否启用了全屏，跨浏览器

Question

检查 window 是否在 javascript 中处于全屏模式的可靠跨浏览器方法是什么？

澄清一下，我想问的是如何检查我们当前是否处于全屏模式，以及是否已启用全屏API。

链接问题中的答案没有解决问题。但是，这里接受的答案确实如此。

Answer 1

这适用于所有新浏览器：

if (!window.screenTop && !window.screenY) {
    alert('Browser is in fullscreen'); }

Answer 2

对于实际支持全屏的浏览器 API，可以检查 fullscreenElement 属性查看浏览器当前是否处于全屏模式。如果 window 不是全屏，则属性是 null。

因为它在某些浏览器中仍然有前缀，所以应该检查所有变体以支持所有支持全屏的浏览器 API

if (document.fullscreenElement || 
    document.mozFullScreenElement || 
    document.webkitFullscreenElement || 
    document.msFullscreenElement ) {

    // in fullscreen

}

DEMONSTRATION

检查是否启用了全屏，跨浏览器

Check Whether Fullscreen is Enabled, Cross Browser

html

javascript

fullscreen