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

Question

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

Android手机上的浏览器有可能吗？

明确地说，我想问的是，运行在标准网页上的JavaScript是否可以检测到Android设备的旋转。可以在iPhone上使用，我想知道是否可以在Android手机上完成。

Answer 1

要检测Android浏览器上的方向变化，请将侦听器附加到上的orientationchange或resize事件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并非如此）。