如何使用HTML5实现Fullscreen API进行全屏切换及开启全屏模式？

本文共计692个文字，预计阅读时间需要3分钟。

确保由用户手动触发（例如：

• 正确姿势：绑定在按钮的 onclick 或 addEventListener('click', ...) 里
• 移动端注意：部分 iOS Safari 要求同时监听 touchend，且不能有 preventDefault() 干扰
• requestFullscreen() 返回 Promise，记得用 .catch() 捕获失败（比如用户点了“拒绝全屏”）

不同浏览器的全屏 API 前缀怎么兼容

老版本 Chrome、Firefox、Safari 曾各自实现私有方法，现在虽已统一为标准 requestFullscreen()，但实际项目仍需兜底——尤其要支持到 Chrome 69 之前、Firefox 63 之前、Safari 12.1 之前的环境。