JavaScript獲取主流手機系統和型號

<script src="http://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/mobile-detect/1.4.1/mobile-detect.min.js"></script>
<script>  
    //判斷數組中是否包含某字符串  
    Array.prototype.contains = function(needle) {  
        for (i in this) {  
            if (this[i].indexOf(needle) > 0)  
                return i;  
        }  
        return -1;  
    }  
  
    var device_type = navigator.userAgent;//獲取userAgent信息  
    var md = new MobileDetect(device_type);//初始化mobile-detect  
    var os = md.os();//獲取系統  
    var model = "";  
    if (os == "iOS") {//ios系統的處理  
        os = md.os() + md.version("iPhone");  
        model = md.mobile();  
    } else if (os == "AndroidOS") {//Android系統的處理  
        os = md.os() + md.version("Android");  
        var sss = device_type.split(";");  
        var i = sss.contains("Build/");  
        if (i > -1) {  
            model = sss[i].substring(0, sss[i].indexOf("Build/"));  
        }  
    } else {
        os = '非主流OS';
        model = 'unKnown';
    }

    document.write("操作系統:"+ os + "<br/>型號:" + model);//打印到頁面  
    
</script>  

 

用手機打開頁面運行結果如下：

 

參考：https://github.com/hgoebl/mobile-detect.js/