1. 首页
  2. 问题
  3. 检测全屏模式
小编典典

检测全屏模式

css

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. 我们可以在没有浏览器嗅探的情况下做到吗？


阅读 260

收藏
2020-05-16

共1个答案

小编典典

您已经发现，浏览器兼容性是一个很大的缺点。毕竟，这是很新的东西。

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

例如：

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

您还可以检查一些比较松散的比较：

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