全屏方法：属性 2

属性 2 是一个非常有用的全屏方法。

概述

属性 2 是 Web API 的一个部分，它可以让你通过以下方法在全屏模式下展示你的网页：

document.documentElement.requestFullscreen();

或者使用以下方法退出全屏模式：

document.exitFullscreen();

该方法可以应用于任何 HTML 元素，使得该元素处于全屏模式。

应用场景

在以下场景下，全屏方法可以大有裨益：

• 视频播放器

使用全屏方法可以将浏览器的界面完全覆盖，达到更好的观看效果。

• 游戏

大多数游戏需要全屏模式来实现更好的游戏体验。

• 图片浏览器

通过全屏方法可以让用户更好地浏览图片，减少干扰。

兼容性

全屏方法在主流浏览器中都有很好的兼容性。

• Chrome：全版本支持
• Firefox：全版本支持
• Safari：全版本支持
• Internet Explorer：11 及以上版本支持
• Edge：全版本支持

参考资料

• MDN Web 文档：Fullscreen API