根據手機還是電腦上網自動判斷跳轉程式碼

antzone發表於2017-03-22

現在很多網站都有兩個版本,一個是適用於電腦端訪問,一個適用於移動端訪問,因為現在使用手機上網的使用者越來越多了,當使用者訪問網站的時候,最好的方式就是能夠自動判斷是手機訪問還是電腦訪問,然後自動跳轉到響應的頁面。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
function browserRedirect(){
  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 || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
    window.location.href="wap.html";
  }
}
browserRedirect();

以上程式碼可以實現我們的跳轉效果,可以根據訪問客戶端的型別進行選擇跳轉。


相關文章