PC端web向手机端web跳转的方式

一、js判断终端类型

直接上代码

<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.*/), //是否为移动终端 
                 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 , //是否为iPhone或者QQHD浏览器 
                 iPad: u.indexOf('iPad') > -1, //是否iPad   
                 webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部 
             }; 
          }(), 
          language:(navigator.browserLanguage || navigator.language).toLowerCase() 
 };
/**
 * 判断浏客户端是否为移动端
 */
function isMobile(){
 if(browser.versions.mobile || browser.versions.ios || browser.versions.android ||  
      browser.versions.iPhone || browser.versions.iPad){       
          return true;    
    } 
 return false;
}
</script>

二、使用，将其加在合适的位置pc到mobile，mobile到pc均可实现互跳

三、使用nginx实现跳转

配置文件配置，只是实现/目录跳转

        location / {

###
set $mobile 0;
        if ( $http_user_agent ~* "(Android|iPhone|Windows Phone|UC|Kindle)" ){
          set  $mobile "${mobile}1";
        }
        if ( $http_host !~ "192.168.7.xxx" ){
          set  $mobile "${mobile}2";
        }
        if ( $cookie_vmod !~ "pc" ){
          set  $mobile "${mobile}3";
        }
        if ( $mobile = "0123" ){
          rewrite  ^/(.*)$  http://192.168.7.xxx/$1 last;
          break;
        }

###

      proxy_next_upstream http_502 http_504 error timeout invalid_header;
      proxy_cache cache_one;
      proxy_cache_valid  200 304 1d;
      proxy_cache_valid any 1d;
      proxy_cache_key $host$uri$is_args$args;
      proxy_set_header X-Forwarded-For  $remote_addr;

           proxy_pass  http://192.168.6.xxx ;
         proxy_set_header        X-Real-IP       $remote_addr;
  
        index  index.html index.jsp login.jsp index.htm;
        #proxy_redirect     off;
       expires      1d;
        }