检测全屏模式

Question

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

W3上有一个针对伪类的有效规范:fullscreen

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

$(document).is(":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
}