忽略移动设备上的设备方向

Posted 2023-02-23

【中文标题】忽略移动设备上的设备方向

【英文标题】：Ignore device orientation on mobile

【发布时间】：2020-06-27 16:06:44

【问题描述】：

我有一个 Vue js 组件，每当设备的方向变为横向时，它都会触发一个方法。我已经使用window.addEventListener("orientationchange", functionName, false); 触发了该方法。

当设备方向设置为自动旋转时，这在移动设备上工作得很好，但当方向设置为纵向时，它就不行了。

有没有办法覆盖竖屏模式并检测设备何时旋转以触发该方法？

【参考方案1】：

将应用设置为全屏模式，然后调用 window.screen.orientation.lock("any"); 就可以了。