javascript判断iphone/android手机横竖屏模式--转帖于腾讯搜搜web开发博客

来源:互联网 发布:原生js ajax 上传文件 编辑:程序博客网 时间:2024/04/29 15:23

今天在处理一个触屏版产品开发的时候,被检测横竖屏模式折磨疯了。
iphone能很好的使用onorientationchange事件,但是android的onresize事件即使不旋转也会触发多次。
查了不少资料,最后结论如下:

function orientationChange(){
switch(window.orientation) {
case 0: // Portrait
case 180: // Upside-down Portrait
// Javascript to setup Portrait view
break;
case -90: // Landscape: turned 90 degrees counter-clockwise
case 90: // Landscape: turned 90 degrees clockwise
// Javascript to steup Landscape view
break;
}
}
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", orientationChange, false);