js判断移动端设备类型

//======判断平台类型
function getPlatformType() {

     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或者QQHD浏览器
             iPad: u. indexOf( 'iPad') > - 1, //是否iPad
             webApp: u. indexOf( 'Safari') == - 1, //是否web应该程序,没有头部与底部
             weixin: u. indexOf( 'MicroMessenger') > - 1, //是否微信 (2015-01-22新增)
             qq: u. match( /\sQQ/ i) == " qq" , //是否QQ
             isAndroid: u. indexOf( 'Android') > - 1 || u. indexOf( 'Adr') > - 1, //android客户端
             isiOS :!! u. match( /\(i[^ ;]+ ;( U;)? CPU.+ Mac OS X/) //ios客户端
        };
        }(),
         language: ( navigator. browserLanguage || navigator. language). toLowerCase()
    }

     if ( browser. versions. mobile) {
         //判断是否是移动设备打开。browser代码在下面
         //用正则来判断手机是否是ios(苹果)和Android(安卓)客户端
         var ua = navigator. userAgent. toLowerCase(); //获取判断用的对象

         //alert(ua)
         if ( ua. match( /MicroMessenger/ i) == "micromessenger") {
             //在微信中打开
             alert( '微信')
        }
         else if ( ua. match( /WeiBo/ i) == "weibo") {
             //在新浪微博客户端打开
             alert( '新浪微博')
        }
         else if (( ua. match( /QQ/ i) == "qq" && ua. indexOf( 'v1_and_sq')>- 1) || ( ua. match( /QQ/ i) == "qq" && ua. indexOf( 'v1_iph_sq')>- 1) ) {
             // //在QQ里面打开 内置浏览器android和ios不一样
             alert( 'QQ')
        }

         else if ( ua. match( /txmicroblog/ i) == "txmicroblog") {
//在腾讯微博(自定义)
alert( '腾讯weibo')
        }

         else{
             alert( '浏览器')
        }
        
    } else {
         //否则就是PC浏览器打开
    }
}

[javascript]  view plain  copy
  1. //========8.18判断平台类型  
  2. function getPlatformType() {  
  3.     var platformType = '';  
  4.     var browser = {  
  5.         versions: function () {  
  6.             var u = navigator.userAgent, app = navigator.appVersion;  
  7.             return {   //移动终端浏览器版本信息  
  8.                 trident: u.indexOf('Trident') > -1, //IE内核  
  9.                 presto: u.indexOf('Presto') > -1, //opera内核  
  10.                 webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核  
  11.                 gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核  
  12.                 mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端  
  13.                 ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端  
  14.                 android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器  
  15.                 iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器  
  16.                 iPad: u.indexOf('iPad') > -1, //是否iPad  
  17.                 webApp: u.indexOf('Safari') == -1,//是否web应该程序,没有头部与底部  
  18.                 weixin: u.indexOf('MicroMessenger') > -1, //是否微信 (2015-01-22新增)  
  19.                 qq: u.match(/\sQQ/i) == " qq" ,//是否QQ  
  20.                 isAndroid: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1,//android客户端  
  21.                 isiOS :!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)  //ios客户端  
  22.             };  
  23.         }(),  
  24.         language: (navigator.browserLanguage || navigator.language).toLowerCase()  
  25.     }  
  26.   
  27.     if (browser.versions.mobile) {  
  28.         //判断是否是移动设备打开。browser代码在下面  
  29.         //用正则来判断手机是否是ios(苹果)和Android(安卓)客户端  
  30.         var ua = navigator.userAgent.toLowerCase();//获取判断用的对象  
  31.         //alert(ua)  
  32.         if (ua.match(/MicroMessenger/i) == "micromessenger") {  
  33.             //在微信中打开  
  34.             platformType = 'CKPT0001'  
  35.         }  
  36.         else if ((ua.match(/QQ/i) == "qq" && ua.indexOf('v1_and_sq')>-1) || (ua.match(/QQ/i) == "qq" && ua.indexOf('v1_iph_sq')>-1) ) {  
  37.             // //在QQ里面打开 内置浏览器android和ios不一样  
  38.             platformType = 'CKPT0002'  
  39.         }  
  40.         else if (ua.match(/WeiBo/i) == "weibo") {  
  41.             //在新浪微博客户端打开  
  42.             platformType = 'CKPT0003'  
  43.         }  
  44.         else if (ua.match(/txmicroblog/i) == "txmicroblog") {  
  45.              //在腾讯微博(自定义)  
  46.              platformType = 'CKPT0004'  
  47.         }  
  48.         else{  
  49.             //浏览器  
  50.             platformType = 'CKPT0005'  
  51.         }  
  52.           
  53.     } else {  
  54.         //否则就是PC浏览器打开  
  55.         platformType = 'CKPT0005'  
  56.     }  
  57.   
  58.     return platformType  
  59. }  


通过判断浏览器的userAgent,用正则来判断手机是否是ios(苹果)和Android(安卓)客户端。代码如下:

可以打开你的Android手机或者iphone扫描看看

下面一个比较全面的浏览器检查函数,提供更多的检查内容,你可以检查是否是移动端(Mobile)、ipad、iphone、微信、QQ等。

第一种:来自http://blog.baiwand.com/?post=176



使用方法:

//判断是否IE内核
if(browser.versions.trident){ alert("is IE"); }
//判断是否webKit内核
if(browser.versions.webKit){ alert("is webKit"); }
//判断是否移动端
if(browser.versions.mobile||browser.versions.android||browser.versions.ios){ alert("移动端"); }

检测浏览器语言

currentLang = navigator.language;   //判断除IE外其他浏览器使用语言
if(!currentLang){//判断IE浏览器使用语言
    currentLang = navigator.browserLanguage;
}
alert(currentLang);

第二种:来自http://www.fufuok.com/js-iphone-Android.html

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
    //alert(navigator.userAgent);  
    window.location.href ="iPhone.html";
} else if (/(Android)/i.test(navigator.userAgent)) {
    //alert(navigator.userAgent); 
    window.location.href ="Android.html";
} else {
    window.location.href ="pc.html";
};

你可能感兴趣的:(Javascript)