小编典典

使用 JavaScript 在浏览器中检测 Android 手机的旋转

all

onorientationchange我知道在 iPhone 上的 Safari
中,您可以通过监听事件和查询window.orientation角度来检测屏幕的方向和方向变化。

这可以在Android手机的浏览器中实现吗?

为了清楚起见,我问的是在标准网页上运行的 JavaScript是否可以检测到 Android 设备的旋转。 这在 iPhone
上是可能的,我想知道它是否可以在 Android 手机上完成。


阅读 81

收藏
2022-07-14

共1个答案

小编典典

要检测 Android 浏览器上的方向变化,请将侦听器附加到orientationchangeorresize事件上window

// Detect whether device supports orientationchange event, otherwise fall back to
// the resize event.
var supportsOrientationChange = "onorientationchange" in window,
    orientationEvent = supportsOrientationChange ? "orientationchange" : "resize";

window.addEventListener(orientationEvent, function() {
    alert('HOLY ROTATING SCREENS BATMAN:' + window.orientation + " " + screen.width);
}, false);

检查window.orientation属性以确定设备的朝向。使用 Android
手机,screen.width或者screen.height随着设备的旋转而更新。(这不是 iPhone 的情况)。

2022-07-14