JQuery 判斷訪問的瀏覽器是pc還是手機


以下代碼用於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;
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM