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

时间:2015-11-29 19:53:10

标签: javascript html5 fullscreen

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

为了澄清,我问如何检查我们当前是否处于全屏状态,而不是是否启用了全屏API。

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

2 个答案:

答案 0 :(得分:1)

对于实际支持Fullscreen API的浏览器,可以检查fullscreenElement属性以查看浏览器当前是否处于全屏模式。 如果窗口未全屏显示,则属性为null

由于它仍然在某些浏览器中加上前缀,因此应在所有支持Fullscreen API的浏览器中检查所有版本的支持

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

    // in fullscreen

}

DEMONSTRATION

答案 1 :(得分:0)

这适用于所有新浏览器:

using namespace std