使用JS判断移动设备的终端类型（浏览器UserAgent）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/QTFYING/article/details/78688602

JavaScript 是如何判断移动设备的类型呢？答案是：User Agent。

什么是 User Agent？懂一点网页制作的人应该都明白。简单的说，User Agent 就是用来识别浏览器名称、版本、引擎以及操作系统等信息的内容。

User Agent 的判断是识别浏览器的关键，不仅仅如此，移动互联网开发势头迅猛，通过 User Agent 判断桌面端设备或移动设备就变的很为重要。当然，通过 User Agent 也可以用来改善一定的兼容性，比如判断得到用户用 IE6 浏览器那么就是用不同的代码。

var browser = {
    versions:function(){ 
        var u = navigator.userAgent, app = navigator.appVersion; 
        return {
           trident: u.indexOf('Trident') > -1, //IE内核
           presto: u.indexOf('Presto') > -1, //opera内核
           webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
           gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
           mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
           ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
           android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
           iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone
           iPad: u.indexOf('iPad') > -1, //是否iPad
        };
    }(),
    language:(navigator.browserLanguage || navigator.language).toLowerCase()
};

document.writeln("语言版本: "+browser.language);
document.writeln(" 是否为移动终端: "+browser.versions.mobile);
document.writeln(" ios终端: "+browser.versions.ios);
document.writeln(" android终端: "+browser.versions.android);
document.writeln(" 是否为iPhone: "+browser.versions.iPhone);
document.writeln(" 是否iPad: "+browser.versions.iPad);
document.writeln(navigator.userAgent);

if( browser.versions.ios || browser.versions.iPhone || browser.versions.iPad){
    alert('苹果');
}else if( browser.versions.android ){
  alert('安卓');
}else{
  alert('其他');
}