JS前端开发判断是不是手机端并跳转操做(小结)

JS前端开发判断是不是手机端并跳转操做(小结)

 

这篇文章主要介绍了JS前端开发判断是不是手机端并跳转操做,很是不错,具备参考借鉴价值,须要的朋友能够参考下
经常使用跳转代码
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<script type= "text/javascript" >
  // borwserRedirect
  ( function browserRedirect(){
   var sUserAgent = navigator.userAgent.toLowerCase();
   var bIsIpad = sUserAgent.match(/ipad/i) == 'ipad' ;
   var bIsIphone = 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) == 'web' ;
   var bIsCE = sUserAgent.match(/windows ce/i) == 'windows ce' ;
   var bIsWM = sUserAgent.match(/windows mobile/i) == 'windows mobile' ;
   var bIsAndroid = sUserAgent.match(/android/i) == 'android' ;
   if (bIsIpad || bIsIphone || bIsMidp || bIsUc7 || bIsUc || bIsCE || bIsWM || bIsAndroid ){
   window.location.href = '跳转的移动端网址' ;
   }
  })();
  </script>
<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 ;
   //跳转语句,若是是手机访问就自动跳转到wap.baidu.com页面
   if (system.win || system.mac || system.xll||system.ipad) {
   } else {
    window.location.href = "http://www.jdpatro.com/3g/" ;
   }
-->
</script>

腾讯跳转javascript

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<script type= "text/javascript" >
if (window.location.toString().indexOf( 'pref=padindex' ) != -1){
} else {
  if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
   if (window.location.href.indexOf( "?mobile" )<0){
   try {
    if (/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
     window.location.href= "http://xw.qq.com/index.htm" ;
    } else if (/iPad/i.test(navigator.userAgent)){
     //window.location.href="http://www.qq.com/pad/"
    } else {
     window.location.href= "http://xw.qq.com/simple/s/index/"
    }
   } catch (e){}
  }
  }
}
</script>
<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 ;
   //跳转语句,若是是手机访问就自动跳转到wap.baidu.com页面
   if (system.win || system.mac || system.xll||system.ipad) {
   } else {
    window.location.href = "http://www.jdpatro.com/3g/" ;
   }
-->
</script>

JS 判断浏览器客户端类型(ipad,iphone,android)css

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<script type= "text/javascript" >
  var bForcepc = fGetQuery( "dv" ) == "pc" ;
  function fBrowserRedirect(){
   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){
    var sUrl = location.href; 
    if (!bForcepc){
     window.location.href = "http://ipad.mail.163.com/" ;
    }
   }
   if (bIsIphoneOs || bIsAndroid){
    var sUrl = location.href; 
    if (!bForcepc){
     window.location.href = "http://smart.mail.163.com/" ;
    }
   }
   if (bIsMidp||bIsUc7||bIsUc||bIsCE||bIsWM){
    var sUrl = location.href; 
    if (!bForcepc){
     window.location.href = "http://m.mail.163.com/" ;
    }
   }
  }
  function fGetQuery(name){ //获取参数值
   var sUrl = window.location.search.substr(1);
   var r = sUrl.match( new RegExp( "(^|&)" + name + "=([^&]*)(&|$)" ));
   return (r == null ? null : (r[2]));
  }
  function fShowVerBlock(){ 
   if (bForcepc){
    document.getElementByIdx_x( "dv_block" ).style.display = "block" ;
   }
   else {
    document.getElementByIdx_x( "ad_block" ).style.display = "block" ;
   }
  }
  fBrowserRedirect();
  </script>

以上所述是小编给你们介绍的JS前端开发判断是不是手机端并跳转操做,但愿对你们有所帮助,若是你们有任何疑问欢迎给我留言,小编会及时回复你们的,在此也很是感谢你们对脚本之家网站的支持!前端

相关文章
相关标签/搜索