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>

腾讯跳转

?


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)

?


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前端开发判断是否是手机端并跳转操作，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的，在此也非常感谢大家对脚本之家网站的支持！

时间： 2025-01-06 01:09:08

JS前端开发判断是否是手机端并跳转操作（小结）的相关文章

js判断手机端访问跳转到手机端

<SCRIPT LANGUAGE="JavaScript"> function mobile_device_detect(url) { var thisOS=navigator.platform; var os=new Array("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symb

判断是否为手机端登录

public class MobileUtil { /** * 判断是否为手机端登录 * @param requestHeader 请求头信息 * @return */ public static boolean isMobileDevice(String requestHeader){ /** * android : 所有android设备 * mac os : iphone ipad * windows phone:Nokia等windows系统的手机 */ String[] deviceA

爱创课堂2016年Angular.JS前端开发从入门到上手企业开发视频教程(完整版)

资源网盘: 2016年Angular.JS从入门到上手企业开发 链接: https://pan.baidu.com/s/1dF2vBzV 密码: 3hbk 免费学习网站地址:http://www.icketang.com/ AngularJS是为了克服HTML在构建应用上的不足而设计的.HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了.所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事.AngularJS试图成为WEB应用中的一种客户端的解决

javascript判断访问终端，手机端自动跳转

在网页的顶部加入javascript判断代码: function checkserAgent(){ var userAgentInfo=navigator.userAgent; var userAgentKeywords=newArray("Android", "iPhone" ,"SymbianOS", "Windows Phone", "iPad", "iPod", "MQ

用JS写一个计算器（兼容手机端）

先看成果:1.PC端2. 首先确立html,有哪些东西我们要知道.布局大概的样子在心里有个数 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"><title>瑞雪的计算器</t

PHP判断用户是手机端？还是浏览器端访问？

function isMobile(){ $useragent=isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : ''; $useragent_commentsblock=preg_match('|\(.*?\)|',$useragent,$matches)>0?$matches[0]:''; function CheckSubstrs($substrs,$text){ foreach($substrs as $

js判断浏览器是手机端还电脑端

由于手机和电脑分辨率不同,所以有的时候浏览网页的时候需要区分是手机浏览还是电脑浏览,然后指向指定页面展示,下面就是js区分代码. <script type=”text/javascript”> //平台.设备和操作系统 var system ={ win : false, mac : false, xll : false }; http://dict.baidu.com/s?wd=%E6%B4%9B%E4%B8%BD%E8%AF%97+%E4%BD%A0%E7%9A%84%E9%80%89%E

[JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件

页面滚动动态加载数据,页面下拉自动加载内容 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样的效果:进入qq空间,向下拉动空间,到底部时,会动态加载剩余的说说或者是日志 今天我们就来看看他们的实现思路和js控制动态加载的代码 下面的代码主要是控制滚动条下拉时的加载事件的 在下面代码说明出,写上你的操作即可,无论是加载图片还是加载记录数据  都可以 别忘了引用jquery类库 [JavaScript] 纯文本查看 复制代码

微信开发第五篇手机端微信公众号自定义菜单及OAuth2.0授权页面

说到自定义菜单,首先要想到调用微信的接口,其实微信公众号开发本身就是看对不对微信公众号接口的熟悉程度,我也是在项目中才开始接触微信公众号开发的,很感谢公司能给我这个项目机会.其实对于一个程序员来说最宝贵的是他的学习能力,而不是经验,不扯没用的了. 菜单上一篇讲到了怎么查看微信开发文档,那么很容易找到自定义菜单管理,根据里面的内容可以做一下思路 手机微信客户端与微信服务器交互,再由微信服务器与咱们自己的服务器交互,在第一次交互时先删除原始的那种可以打字的那种菜单,之后设置自己新的菜单,最后把自己的