Screen Orientation API 的屏幕方向锁定仅在特定环境有效：Android 上 Chrome/Edge 全屏或用户手势触发时支持，iOS Safari 不支持，桌面浏览器通常忽略；需用户交互触发并捕获 NotAllowedError 等错误，结合 CSS 媒体查询、旋转提示和全屏模式降级使用。Screen Orientation API 可以让网页主动请求锁定屏幕方向（如强制横屏或竖屏），但实际支持和行为因浏览器、平台和使用场景而异，不能无条件生效。哪些环境支持锁定？目前仅部分现代浏览器在特定条件下支持 screen.orientation.lock()：Chrome（Android）和 Edge（Android）：需在全屏模式下或通过用户手势触发（如点击按钮），且页面需为 HTTPS iOS Safari：不支持锁定方向，lock() 方法始终抛出错误或静默失败 桌面浏览器（Chrome/Firefox）：通常忽略锁定请求，仅允许读取当前方向（screen.orientation.type） PWA（添加到主屏幕的 Web 应用）：Android 上更可能成功；iOS 仍受限如何安全调用 lock()？必须由用户交互（如 click、touchend）触发，并做好错误处理：button.addEventListener('click', async () => { try { await screen.orientation.lock('landscape'); console.log('已锁定为横屏'); } catch (err) { console.warn('锁定失败：', err.name); // 如 "NotSupportedError"、"NotAllowedError" }});常见错误类型：立即学习“Java免费学习笔记（深入）”； 唱鸭 音乐创作全流程的AI自动作曲工具，集 AI 辅助作词、AI 自动作曲、编曲、混音于一体