判斷當前終端是手機仍是pc端並進行不一樣的頁面跳轉

判斷當前設備(終端)是手機仍是pc端並進行不一樣的頁面跳轉

DEMO 1javascript

<script type="text/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= 'm.html';
        } else {
//            window.location= '';
        }
    }
    browserRedirect();//調用自身,頁面一打開就開始跳轉
</script>

 

DEMO 2html

<script type="text/javascript">
(function(){
  var reWriteUrl = function(url){
    if(url){
      var Splits = url.split("/"),siteName=window.location.pathname;
      if(typeof siteName!=="undefined"){
        return "http://m.jb51.net"+siteName;
      }
    }
  };
  if(/Android|webOS|iPhone|iPad|Windows Phone|iPod|BlackBerry|SymbianOS|Nokia|Mobile/i.test(navigator.userAgent)){
    var url=window.location.href;
    var pathname=window.location.pathname;
    if(url.indexOf("?mobile")<0){
    try{
      window.location.href=reWriteUrl(url);
    }catch(e){}
    }
  };
})();
</script>

DEMO 3java

//騰訊網的適配代碼
  <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, //蘋果、谷歌內核
  gecko : u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內核
  mobile : !!u.match(/AppleWebKit.*Mobile.*/)
  || !!u.match(/AppleWebKit/), //是否爲移動終端
  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應該程序,沒有頭部與底部
  google:u.indexOf('Chrome')>-1
  };
  }(),
  language : (navigator.browserLanguage || navigator.language).toLowerCase()
  }
  document.writeln("語言版本: "+browser.language);
  document.writeln(" 是否爲移動終端: "+browser.versions.mobile);
  </script>
 
  
  //其餘的適配代碼(後綴名爲.js 並引用至網頁)
  <script type="text/javascript">
  //平臺、設備和操做系統
  var system = {
  win: false,
  mac: false,
  xll: false,
  ipad:false
  };
  //檢測平臺
  var p = navigator.platform;
  system.win = p.indexOf("Win") == 0;
  system.mac = p.indexOf("Mac") == 0;
  system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
  system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;
  //跳轉語句,若是是手機訪問就自動跳轉到" "裏的頁面
  if (system.win || system.mac || system.xll||system.ipad) {
  
  } else {
  
  window.location.href = "此處填寫你的連接地址";
  }
  </script>
相關文章
相關標籤/搜索