js判斷手機端(Android手機還是iPhone手機)_javascript技巧

來源:互聯網
上載者:User

網上常用的代碼

/** * [isMobile 判斷平台] * @param test:0:iPhone1:Android */function ismobile(test){var u = navigator.userAgent, app = navigator.appVersion;if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){ if(window.location.href.indexOf("?mobile")<0){  try{   if(/iPhone|mac|iPod|iPad/i.test(navigator.userAgent)){   return '0';   }else{   return '1';   }  }catch(e){} }}else if( u.indexOf('iPad') > -1){return '0';}else{return '1';}};

使用方法:

var pla=ismobile(1);

如果pla返回的是0:iPhone 1:Android

代碼一、

<script type="text/javascript">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, //蘋果、Google核心   gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //Firefox核心   mobile: !!u.match(/AppleWebKit.*Mobile/i) || !!u.match(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/), //是否為移動終端   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 || u.indexOf('Mac') > -1, //是否為iPhone或者QQHD瀏覽器   iPad: u.indexOf('iPad') > -1, //是否iPad   webApp: u.indexOf('Safari') == -1 //是否web應該程式,沒有頭部與底部  };  } (),  language: (navigator.browserLanguage || navigator.language).toLowerCase()}if (browser.versions.iPhone || browser.versions.iPad || browser.versions.ios) {window.location.href = "http://www.jb51.net";}if (browser.versions.android) {window.location.href = "http://www.qq.com";}</script>

如何判斷是否是 iPad 瀏覽器呢,關鍵是看它的 User Agent 中是否有 iPad。iPad 使用的是 Safari Mobile 瀏覽器,他的的 User Agent 是:

Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10

Javascript代碼
function is_iPad(){
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/iPad/i)=="ipad") {
return true;
} else {
return false;
}
}
因此,判斷ipad,iphone,android的代碼為:

<script type="text/javascript"> var bForcepc = fGetQuery("dv") == "pc"; function fBrowserRedirect(){  var sUserAgent = navigator.userAgent.toLowerCase();  var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";  var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";  var bIsMidp = sUserAgent.match(/midp/i) == "midp";  var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";  var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";  var bIsAndroid = sUserAgent.match(/android/i) == "android";  var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";  var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";  if(bIsIpad){  var sUrl = location.href;  if(!bForcepc){   window.location.href = "http://m.jb51.net/?ipad";  }  }  if(bIsIphoneOs || bIsAndroid){  var sUrl = location.href;  if(!bForcepc){   window.location.href = "http://m.jb51.net/?iphone";  }  }  if(bIsMidp||bIsUc7||bIsUc||bIsCE||bIsWM){  var sUrl = location.href;  if(!bForcepc){   window.location.href = "http://m.jb51.net/";  }  } } function fGetQuery(name){//擷取參數值  var sUrl = window.location.search.substr(1);  var r = sUrl.match(new RegExp("(^|&)" + name + "=([^&]*)(&|$)"));  return (r == null ? null : unescape(r[2])); } function fShowVerBlock(){  if(bForcepc){  document.getElementById("dv_block").style.display = "block";  }  else{  document.getElementById("ad_block").style.display = "block";  } } fBrowserRedirect(); </script> 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.