JQuery 判断访问的浏览器是pc还是手机

本秂侑毒 提交于 2020-08-17 03:50:45

以下代码用于JQuery判断访问的浏览器的类型

/**
 * 判断访问类型是电脑还是手机
 * 
 * @author 何明胜
 * 
 * 2017年9月27日
 */

$(function(){
    var mobile_flag = isMobile(); // true为PC端,false为手机端

    if(mobile_flag){
        $("#fh5co-main").css({"width": "100%", "float": "right"});
        $("#trademark").css({"margin-left": "48px","margin-top": "16px"});
    }
});

function isMobile() {
    var userAgentInfo = navigator.userAgent;

    var mobileAgents = [ "Android", "iPhone", "SymbianOS", "Windows Phone", "iPad","iPod"];

    var mobile_flag = false;

    //根据userAgent判断是否是手机
    for (var v = 0; v < mobileAgents.length; v++) {
        if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
            mobile_flag = true;
            break;
        }
    }

     var screen_width = window.screen.width;
     var screen_height = window.screen.height;    

     //根据屏幕分辨率判断是否是手机
     if(screen_width < 500 && screen_height < 800){
         mobile_flag = true;
     }

     return mobile_flag;
}

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!