• 判断当前终端是手机还是pc端并进行不同的页面跳转


    判断当前设备(终端)是手机还是pc端并进行不同的页面跳转

    DEMO 1

    <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 2

    <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 3

    //腾讯网的适配代码
      <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>
  • 相关阅读:
    ElasticSearch(ES)学习笔记
    Lucene學習日志
    velocity代码生成器的使用
    springboot学习笔记
    springmvc json 类型转换错误
    在做del业务时,传递参数,和接口中入参注释
    做add添加业务时,字符集乱码,form标签库,button的href 问题,添加后页面跳转,forward,redirect 。定制错误输出
    mybatis中联合查询的返回结果集
    mybatis分页,绝对路径的2种写法
    maven导入项目时报错,配置应用程序监听器[org.springframework.web.context.ContextLoaderListener]错误
  • 原文地址:https://www.cnblogs.com/heyiming/p/6769712.html
Copyright © 2020-2023  润新知