我知道在iPhone上的Safari中,您可以通过侦听onorientationchange事件并查询window.orientation角度来检测屏幕的方向和方向变化。
onorientationchange
window.orientation
Android手机上的浏览器有可能吗?
明确地说,我想问的是,运行在标准网页上的JavaScript是否可以检测到Android设备的旋转。可以在iPhone上使用,我想知道是否可以在Android手机上完成。
要检测Android浏览器上的方向变化,请将侦听器附加到上的orientationchange或resize事件window:
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并非如此)。
screen.width
screen.height