js判断移动设备类型

media query根据屏幕尺寸显示相应css,当需求不止是需要判断用户的屏幕是否适合手机或平板的尺寸(因为有可能用户缩小浏览器进行浏览),而需要确切知道用户是否从移动端进入并执行相应动作时,可以用以下js进行简单判断:

 

$(document).ready(function () {
    var isMobile = {
        Android: function () {
            return navigator.userAgent.match(/Android/i) ? true : false;
        },
        BlackBerry: function () {
            return navigator.userAgent.match(/BlackBerry/i) ? true : false;
        },
        iOS: function () {
            return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false;
        },
        Windows: function () {
            return navigator.userAgent.match(/IEMobile/i) ? true : false;
        },
        any: function () {
            return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows());
        }
    };
    if (isMobile.any()) { //判断是否为android,BlackBerry,ios,windows
        //要执行的代码
    }
});