一尘不染

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

javascript

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

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

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


阅读 329

收藏
2020-04-25

共1个答案

一尘不染

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

2020-04-25