什么是全屏模式？
全屏模式提供一键进入和退出全屏的功能。适合演示、阅读或专注工作。
点击一下,页面就会调用标准的 Fullscreen API,把内容铺满整个显示器,自动隐藏标签栏、任务栏和地址栏。从预设调色板里选一个背景色,就能配合不同场合调氛围:演电影选纯黑,医学或设计审阅选纯白,演讲选深蓝。随时按 Esc 回到普通窗口。
使用方法
- 第一步——点击“进入全屏”按钮，让页面充满整个屏幕。
- 第二步——按Escape键或点击“退出全屏”返回正常视图。
- 第三步——使用可选的背景颜色选择器，为演示设置自定义背景色。
何时使用
- 做一段小演示或方案展示,不希望工具栏分走观众的注意力。
- 在笔记本上读长文,边栏和标签页在余光里晃来晃去会很烦。
- 活动现场设一个 kiosk 屏,让观众只能看到你挑好的内容。
结果
点击全屏，选一个深色背景，演示幻灯片时就没有工具栏挡在中间了。
常见问题
- 为什么浏览器在进入全屏前会让我确认?
- 浏览器要求触发全屏前必须有用户操作(点击或按键),防止页面在用户不知情的情况下抢占整个屏幕。部分浏览器在某个站点首次使用时还会弹一次确认对话框。
- 怎么退出全屏?
- 按 Esc(Esc 键)。这个按键由浏览器本身处理,即使页面行为异常也能生效。也可以点面板上的退出按钮,Windows 和 Linux 上还能用 F11 切换全屏。
- 为什么有些场景里全屏没反应?
- 被沙盒化的 iframe、嵌入式移动预览,以及一些被企业策略锁定的浏览器,出于安全考虑禁用了 Fullscreen API。工具会检测到这种情况,显示「不支持」徽章而不是直接抛错。
- 全屏时页面里的脚本和交互还能正常工作吗?
- 可以,页面运行不受影响,唯一的变化是浏览器和系统的工具条被隐藏。键盘事件照常传到页面,鼠标交互依旧,视频和 canvas 也会按新的视口尺寸继续绘制。
- 全屏会改变屏幕分辨率吗?
- 不会。Fullscreen API 只是把页面拉伸覆盖当前分辨率下的整块显示区域。要真正切换分辨率,需要在操作系统的显示设置或者游戏的原生全屏中调整,那是另一套机制。