惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

T
Tailwind CSS Blog
大猫的无限游戏
大猫的无限游戏
L
LINUX DO - 热门话题
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
雷峰网
雷峰网
aimingoo的专栏
aimingoo的专栏
博客园_首页
MongoDB | Blog
MongoDB | Blog
V
V2EX
GbyAI
GbyAI
量子位
Microsoft Azure Blog
Microsoft Azure Blog
有赞技术团队
有赞技术团队
G
Google Developers Blog
云风的 BLOG
云风的 BLOG
B
Blog
Microsoft Security Blog
Microsoft Security Blog
S
SegmentFault 最新的问题
O
OpenAI News
N
News and Events Feed by Topic
博客园 - Franky
爱范儿
爱范儿
Forbes - Security
Forbes - Security
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
V2EX - 技术
V2EX - 技术
Application and Cybersecurity Blog
Application and Cybersecurity Blog
N
News and Events Feed by Topic
N
News | PayPal Newsroom
Schneier on Security
Schneier on Security
Cloudbric
Cloudbric
Security Archives - TechRepublic
Security Archives - TechRepublic
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
Recent Commits to openclaw:main
Recent Commits to openclaw:main
人人都是产品经理
人人都是产品经理
P
Privacy International News Feed
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
B
Blog RSS Feed
阮一峰的网络日志
阮一峰的网络日志
D
DataBreaches.Net
Last Week in AI
Last Week in AI
罗磊的独立博客
Spread Privacy
Spread Privacy
Recent Announcements
Recent Announcements
The Cloudflare Blog
Google DeepMind News
Google DeepMind News
AWS News Blog
AWS News Blog
The Register - Security
The Register - Security
Y
Y Combinator Blog
J
Java Code Geeks
I
Intezer

博客园 - chinaifne

微软Windows10LTSC2019官方三月更新版镜像 dedecms 5.7sp2 20170405运行PHP7.1的大坑(dedecms PHP7.1) 织梦dedecms移动版设置二级域名的方法 织梦如何设置m.开头的域名 织梦后台进去后其他菜单点了后没有反应怎么办? 织梦dedecms安全设置详情 百度地图api 标注的图标不显示问题 时时获得高德地图坐标 http://lbs.amap.com/console/show/picker 去掉淘宝微淘主页 操作使用的常见的问题集合 http://bbs.ecshop.com/thread-95341-1-1.html css中font-family的中文字体 Mydomain操作说明 提高新闻采集效率:如何通过google快讯采集新闻 http://www.cnblogs.com/fengyin/archive/2011/01/18/1938628.html 前端优化 http://hi.baidu.com/suofang/home这个兄弟的博客中一些不错的前羰优化工具,今天看不完,改天接着看 iframe中子父窗口互调的js方法 Struts中出现DispatchMapping[***] does not define a handler property 的解决办法 Java中计算时间差 checkstyle配置文件说明 MyEclipse 不编译了,无论怎么更改保存, classes目录下都是空的.
JS前端开发判断是否是手机端并跳转操作(小结)
chinaifne · 2017-04-01 · via 博客园 - chinaifne

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

 (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;

  if (system.win || system.mac || system.xll||system.ipad) {

  } else {

  }

-->

</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)){

   }else if(/iPad/i.test(navigator.userAgent)){

   }else{

   }

  }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;

  if (system.win || system.mac || system.xll||system.ipad) {

  } else {

  }

-->

</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){

   }

  }

  if(bIsIphoneOs || bIsAndroid){

   var sUrl = location.href; 

   if(!bForcepc){

   }

  }

  if(bIsMidp||bIsUc7||bIsUc||bIsCE||bIsWM){

   var sUrl = location.href; 

   if(!bForcepc){

   }

  }

 }

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

posted @ 2017-04-01 14:15  chinaifne  阅读(4631)  评论()    收藏  举报