用 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;

    }

});