html5 – 有没有办法判断Safari是否全屏? (例如document.fullscreenElement)

发布时间:2021-10-06 发布网站:前端之家 F2er.com
前端之家收集整理的这篇文章主要介绍了html5 – 有没有办法判断Safari是否全屏? (例如document.fullscreenElement)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图通过 Javascript找出Safari是否处于全屏模式. Chrome和Mozilla都使用了以供应商为前缀的document.fullscreenElement版本:

isFullscreen = function() {
  return document.fullscreenElement
      || document.webkitFullscreenElement
      || document.mozFullScreenElement;
}

但是,这在Safari 5.1.7上不起作用 – 文档上没有“webkitFullscreenElement”或类似属性.

有谁知道是否有办法判断Safari是否处于全屏模式?

解决方法

很难找到这个,但你正在寻找的属性是:

document.webkitCurrentFullScreenElement

正如你所看到的那样,它根本不符合标准,甚至不符合标准.

还值得一提,因为它是相关的:检查是否支持全屏模式的属性也很难找到(我仍然没有……)所以要检查我的支持:

if (typeof document.webkitCurrentFullScreenElement !== 'undefined') ...

因为属性将为null(或全屏元素).

总结


以上是前端之家为你收集整理的html5 – 有没有办法判断Safari是否全屏? (例如document.fullscreenElement)全部内容,希望文章能够帮你解决html5 – 有没有办法判断Safari是否全屏? (例如document.fullscreenElement)所遇到的程序开发问题。

如果觉得前端之家网站内容还不错,欢迎将前端之家网站推荐给前端开发程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。