使用navigator.userAgent.toLowerCase()判斷移動端類型html
判斷設備,區分Android,iphone,ipad和其它android
var ua = navigator.userAgent.toLowerCase(); if(ua.match(/android/i)) == "android") { alert("android"); } if(ua.match(/iPhone/i)) == "iPhone") { alert("iPhone"); } if(ua.match(/iPad/i)) == "iPad") { alert("iPad"); }
判斷是否是特定類型的瀏覽器,好比新浪weibo客戶端內置瀏覽器,qq客戶端內置瀏覽器(而非qq瀏覽器),微信內置瀏覽器瀏覽器
(而且區分版本是否大於等於6.0.2)(特定類型瀏覽器可能會存在,沒法下載,沒法跳轉和本身的客戶端app的特定協議等等,因此須要區分)微信
(因爲微信在6.0.2的時候作了新的策略,使得微信的分享功能在新版本變得不同,爲了兼容新舊版本,這裏作了區分操做)app
新浪weibo客戶端返回1,qq客戶端返回2,微信小於6.0.2版本返回3,微信大於等於6.0.2版本返回4,其它返回0iphone
var ua = navigator.userAgent.toLowerCase(); if(ua.match(/weibo/i) == "weibo"){ return 1; }else if(ua.indexOf('qq/')!= -1){ return 2; }else if(ua.match(/MicroMessenger/i)=="micromessenger"){ var v_weixin = ua.split('micromessenger')[1]; v_weixin = v_weixin.substring(1,6); v_weixin = v_weixin.split(' ')[0]; if(v_weixin.split('.').length == 2){ v_weixin = v_weixin + '.0'; } if(v_weixin < '6.0.2'){ return 3; }else{ return 4; } }else{ return 0; }
判斷QQ內置瀏覽器,QQ瀏覽器APP,微信瀏覽器(只含有MQQbrowser的是QQ瀏覽器,含有mobile Mqqbrowser的是QQ內置瀏覽器。)spa
if(ua.indexOf(' qq')>-1 && ua.indexOf('mqqbrowser') <0){ //qq內置瀏覽器 isQQInstalled = true; return; } if(ua.indexOf('mqqbrowser')> -1 && ua.indexOf(" qq")<0){ //qq瀏覽器 isQQ = true; return; } if (ua.match(/MicroMessenger/i) == 'micromessenger') { //微信瀏覽器 isWx = true; return; }