利用useragent判断移动设备

用 User Agent 判断移动设备

WebApp除了做成响应式设计以外,还可以给移动设备做一套UI,PC端再做一套UI,然后在前台进行判断进行相应的跳转。判断是否是移动设备一般根据浏览器的useragent进行判断,虽然可以伪造,但是用起来方便,和Chrome的设备模拟功能配合起来
调试方便。

代码

//根据useragnet判断是否是移动设备
function isMobileDevice(ua) {
    if (/(iphone|ios|android|mini|mobile|mobi|Nokia|Symbian|iPod|iPad|Windows\s+Phone|MQQBrowser|wp7|wp8|UCBrowser7|UCWEB|360\s+Aphone\s+Browser)/i.test(ua)) {
        return true;
    }
    return false;
}

$(document).ready(function () {
    var useragent = navigator.userAgent;            
    if (isMobileDevice(useragent)) {
        window.location.href = "/Home/MobileIndex";
        return;
    }
});
posted on 2014-06-30 21:24  Frank.Fan  阅读(3764)  评论(0编辑  收藏  举报