H5网页判断手机横屏或是竖屏

标签：

我们做出来的H5页面在手机端浏览的时候，用户很有可能会产生更换横竖屏的操作，这时如果我们能够判断出横竖屏，就可以更好的优化我们的网页，进而拥有更好的用户体验度。下面是判断横竖屏的代码：

window.addEventListener(‘orientationchange‘, function(event){
    if ( window.orientation == 180 || window.orientation==0 ) {
        alert("竖屏");
    }
    if( window.orientation == 90 || window.orientation == -90 ) {
        alert("横屏");
    }
});

大家可以拿到手机上去试一下

H5网页判断手机横屏或是竖屏

标签：

原文地址：http://www.cnblogs.com/qshting/p/5025773.html