h5页面js判断手机横屏

主要通过window.orientation来实现,不过这个方法貌似要被未来的标准废弃掉。
点击查看orientation文档
下面的代码最好用手机进行测试,电脑的浏览器不一定会生效。

function rotate() {
     
      if (window.orientation == 180 || window.orientation == 0) {
      alert('竖屏')
      }
      if (window.orientation == 90 || window.orientation == -90) {
      alert('横屏')
      }
    }
    window.addEventListener("load", rotate, false);
    window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", rotate, false);