作者： 一去、二三里
个人微信号： iwaleon
微信公众号： 高效程序员

在使用浏览器时，我们经常会用到全屏模式，最常见的场景有：观看视频、阅读文章、在线演示等。全屏模式的优点在于，它可以让用户充分地利用有限的屏幕空间，更好地专注于内容本身，从而提供丰富的沉浸式视觉体验。

想想看，如果我们在用手机刷 B 站视频时，却又无法全屏观看，将是一种怎样的感受？画面太小、字幕不清晰、各种外界干扰（例如：广告等）… 是不是很崩溃？所以，毫不夸张地说，在提升用户满意度和粘性方面，全屏模式扮演着重要的角色。

既然如此，那么在 QML 中使用 WebEngineView 加载页面时，如何快速地响应页面全屏并且退出全屏呢？我们一起来看看！

完整的思维导图如下：

页面全屏

对于浏览器来说，页面中的全屏请求通常涉及以下方式：

• 默认全屏请求：如 HTML5 中的 <video> 元素，它在视频的右下角提供了全屏按钮，当该按钮被点击时，便会触发全屏请求。
• 自定义全屏请求：可以在任何交互操作中调用 JS 的 reque