Java爱好者 - 专注于Java技术Java爱好者 - 专注于Java技术

判断终端是手机还是电脑端并页面跳转

跳转适配这个是前端开发中必须用的,这里就抄2段。

一.

<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= 'http://m.cjlit.com';
      } else {
      }
  }
  browserRedirect();//调用自身,页面一打开就开始跳转
</script>

二.腾讯网适配

//腾讯网的适配代码
  <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>
本原创文章未经允许不得转载 | 当前页面:Java爱好者 - 专注于Java技术 » 判断终端是手机还是电脑端并页面跳转

评论

文章评论已关闭!