javascript - 检测全屏模式

Question

IE 10 的现代桌面版始终是全屏的。

有一个living specification对于 :fullscreen W3 上的伪类

但是当我尝试使用 jQuery 版本 1.9.x 和 2.x 检测全屏时:

$(document).is(":fullscreen") 

它抛出了这个错误:

Syntax error, unrecognized expression: fullscreen

问题:

1. 是jQuery还是IE10不识别这个标准？

2. 检查全屏模式的传统方法是什么？我期待以下结果:

   function IsFullScreen() {
        /* Retrun TRUE */
        /* If UA exists in classic desktop and not in full screen  */
        /* Else return FALSE */
   }
   

3. 我们可以不用浏览器嗅探吗？

Answer 1

正如您所发现的，浏览器兼容性是一个很大的缺点。毕竟，这是非常新的东西。

但是，由于您使用的是 JavaScript，因此与仅使用 CSS 相比，您有更多的选择。

例如:

if( window.innerHeight == screen.height) {
    // browser is fullscreen
}

您还可以检查一些稍微松散的比较:

if( (screen.availHeight || screen.height-30) <= window.innerHeight) {
    // browser is almost certainly fullscreen
}