javascript - 检测屏幕何时处于纵向或横向模式以及跨设备的屏幕边缘

Question

我目前正在研究如何检测屏幕模式(纵向或横向)以及不同屏幕的边缘在哪里，以便我可以在手机边缘放置 Sprite 表动画。并将动画重新调整为正确的 View 。

我查看了屏幕方向 API https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation这是实验性的，所以我可能会使用该 API 来检查屏幕模式，当然欢迎任何其他建议。

我的问题是，有哪些工具可用于在 JavaScript 中检测设备屏幕的边缘。因此动画是可见的并且位置正确。

Answer 1

如果您正在开发 Web 应用程序，则可以使用

window.innerWidth

window.innerHeight

用于检测用户窗口大小并根据需要更改动画的属性。