猎豹浏览器因基于旧版Chromium（49–57），全屏API支持不完整：requestFullscreen()常报错或返回undefined，需fallback至webkitRequestFullscreen等私有方法；全屏状态须用document.webkitIsFullScreen而非fullscreenElement判断；video全屏按钮易受CSS干扰，应确保controls属性有效且无pointer-events:none或transform遮挡。
猎豹浏览器调用 requestFullscreen() 失败或无响应
猎豹浏览器基于旧版 Chromium（通常为 49–57），其对 HTML5 全屏 API 的支持不完整，requestFullscreen() 方法可能直接返回 undefined 或抛出 TypeError: element.requestFullscreen is not a function。它未实现标准 W3C 接口，而是沿用已废弃的私有前缀版本。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 必须检测并 fallback 到带前缀的调用：
requestFullScreen（注意大小写）、webkitRequestFullscreen、mozRequestFullScreen - 不能只写
element.requestFullscreen()—— 猎豹会跳过执行 - 触发全屏的元素必须是用户手势（如
click）直接驱动，异步回调（如setTimeout、Promise.then）中调用必然失败
猎豹浏览器中 document.fullscreenElement 始终为 null
即使全屏成功进入，猎豹也不更新标准的 document.fullscreenElement，导致状态判断失效。它仅维护私有属性 document.webkitIsFullScreen（布尔值）和 document.mozFullScreenElement（但实际常为 null）。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 检测全屏状态应优先读取
document.webkitIsFullScreen，而非document.fullscreenElement - 监听事件也要用
webkitfullscreenchange，而不是fullscreenchange - 若同时兼容其他浏览器，需按顺序检查：先
webkitIsFullScreen，再mozFullScreenElement，最后fullscreenElement
视频元素
猎豹对 内置全屏按钮做了限制：仅当视频设置了 controls 属性且未被 CSS 遮挡时才可触发；若页面启用了 pointer-events: none 或父容器有 transform，按钮将失活。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 确保
直接渲染，不要包裹在position: relative+z-index叠层容器里 - 禁用可能干扰事件捕获的样式：
pointer-events: auto、移除不必要的transform（尤其是scale或rotate） - 如需自定义全屏按钮，绑定
click后立即调用video.webkitRequestFullscreen()，不要加任何延迟
document.getElementById('myVideo').addEventListener('click', function() {
if (this.webkitRequestFullscreen) {
this.webkitRequestFullscreen();
} else if (this.requestFullscreen) {
this.requestFullscreen();
}
});
document.addEventListener('webkitfullscreenchange', function() {
console.log('当前是否全屏：', document.webkitIsFullScreen);
});
猎豹的全屏逻辑高度依赖 WebKit 私有接口，且不遵循后续标准演进。一旦项目需长期维护，建议明确限制该浏览器的全屏功能，或引导用户切换至 Chrome / Edge —— 它们对 requestFullscreen() 的支持已稳定多年。 
