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

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

一.

  1. <script type="text/javascript" >
  2.  function browserRedirect() {
  3.       var sUserAgent= navigator.userAgent.toLowerCase();
  4.       var bIsIpad= sUserAgent.match(/ipad/i) == "ipad";
  5.       var bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os";
  6.       var bIsMidp= sUserAgent.match(/midp/i) == "midp";
  7.       var bIsUc7= sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
  8.       var bIsUc= sUserAgent.match(/ucweb/i) == "ucweb";
  9.       var bIsAndroid= sUserAgent.match(/android/i) == "android";
  10.       var bIsCE= sUserAgent.match(/windows ce/i) == "windows ce";
  11.       var bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile";
  12.       if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
  13.            window.location= 'http://m.cjlit.com';
  14.       } else {
  15.       }
  16.   }
  17.   browserRedirect();//调用自身,页面一打开就开始跳转
  18. </script>

二.腾讯网适配

  1. //腾讯网的适配代码
  2.   <script type="text/javascript">
  3.   var browser = {
  4.   versions : function() {
  5.   var u = navigator.userAgent, app = navigator.appVersion;
  6.   return {//移动终端浏览器版本信息
  7.   trident : u.indexOf('Trident') > -1, //IE内核
  8.   presto : u.indexOf('Presto') > -1, //opera内核
  9.   webKit : u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
  10.   gecko : u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
  11.   mobile : !!u.match(/AppleWebKit.*Mobile.*/)
  12.   || !!u.match(/AppleWebKit/), //是否为移动终端
  13.   ios : !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
  14.   android : u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
  15.   iPhone : u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
  16.   iPad: u.indexOf('iPad') > -1, //是否iPad
  17.   webApp : u.indexOf('Safari') == -1,
  18.   //是否web应该程序,没有头部与底部
  19.   google:u.indexOf('Chrome')>-1
  20.   };
  21.   }(),
  22.   language : (navigator.browserLanguage || navigator.language).toLowerCase()
  23.   }
  24.   document.writeln("语言版本: "+browser.language);
  25.   document.writeln(" 是否为移动终端: "+browser.versions.mobile);
  26.   </script>
  27.   //其他的适配代码(后缀名为.js 并引用至网页)
  28.   <script type="text/javascript">
  29.   //平台、设备和操作系统
  30.   var system = {
  31.   win: false,
  32.   mac: false,
  33.   xll: false,
  34.   ipad:false
  35.   };
  36.   //检测平台
  37.   var p = navigator.platform;
  38.   system.win = p.indexOf("Win") == 0;
  39.   system.mac = p.indexOf("Mac") == 0;
  40.   system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
  41.   system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;
  42.   //跳转语句,如果是手机访问就自动跳转到" "里的页面
  43.   if (system.win || system.mac || system.xll||system.ipad) {
  44.   } else {
  45.   window.location.href = "此处填写你的链接地址";
  46.   }
  47.   </script>
腾讯云服务器安全可靠高性能,多种配置供您选择
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: