检测方向jQuery / JavaScript Mobile

Question

我正在尝试以下方法来检测移动设备上的方向。

在Windows Phone上它什么也没做，而在android上，它一直陷在似乎一直循环的状态，并且总是发出警报。

有一个更好的方法吗？ 也许与jQuery（最佳选择），如果没有更好的JavaScript解决方案？

function doOnOrientationChange () {
  switch (window.orientation) {  
    case -90:
    case 90:
      alert('landscape');
      break; 
    default:
      alert('portrait');
      break; 
  }
}

window.addEventListener('orientationchange', doOnOrientationChange);

Answer 1

方向取决于支持和设备类型。

这是一个非常简单的粗略方法，您可以尝试使用，得到广泛支持：

function doOnOrientationChange () {
  let landscape = ( document.body.clientWidth > document.body.clientHeight );

  alert( landscape ? 'landscape' : 'portrait' )
}


window.addEventListener('resize', doOnOrientationChange);

您可以添加偏移值以根据自己的喜好更改方向结果，例如，您可能希望将横向视图固定在某些更方形的屏幕分辨率上。