Screen Orientation API 为 Web 应用提供了读取设备当前屏幕方向、旋转角度、锁定旋转方向、获取方向改变事件的能力
所以,js可以通过screen.orientation判断设备的方向。

判断方法:

console.log(screen.orientation);
window.addEventListener('onorientationchange', ()=>{
    console.log(screen.orientation);
}, true);

API兼容性

ios设备和欧朋和IE浏览器不支持,其他设备还可以,达到了80%左右,如下图所示: