检查是否已启用全屏，跨浏览器

Check Whether Fullscreen is Enabled, Cross Browser

本文关键字：浏览器 是否 启用 检查      更新时间：2023-09-26

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

为了澄清，我询问如何检查我们当前是否处于全屏，以及是否启用了全屏API。

链接的问题中的答案并没有解决问题。然而，这里公认的答案确实如此。

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

由于它在某些浏览器中仍然是前缀，因此应检查所有支持全屏API 的浏览器中的所有变体是否支持

if (document.fullscreenElement || 
    document.mozFullScreenElement || 
    document.webkitFullscreenElement || 
    document.msFullscreenElement ) {
    // in fullscreen
}

演示

这适用于所有新浏览器：

if (!window.screenTop && !window.screenY) {
    alert('Browser is in fullscreen'); }
相关文章：