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

推荐订阅源

WordPress大学
WordPress大学
T
Threatpost
阮一峰的网络日志
阮一峰的网络日志
美团技术团队
F
Fortinet All Blogs
The GitHub Blog
The GitHub Blog
月光博客
月光博客
V
Visual Studio Blog
T
Tailwind CSS Blog
Stack Overflow Blog
Stack Overflow Blog
博客园 - 聂微东
Jina AI
Jina AI
J
Java Code Geeks
Martin Fowler
Martin Fowler
大猫的无限游戏
大猫的无限游戏
Recorded Future
Recorded Future
C
Check Point Blog
腾讯CDC
N
Netflix TechBlog - Medium
aimingoo的专栏
aimingoo的专栏
罗磊的独立博客
Hacker News: Ask HN
Hacker News: Ask HN
SecWiki News
SecWiki News
博客园 - Franky
Hacker News - Newest:
Hacker News - Newest: "LLM"
N
News | PayPal Newsroom
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
S
Security @ Cisco Blogs
W
WeLiveSecurity
The Last Watchdog
The Last Watchdog
Cloudbric
Cloudbric
F
Full Disclosure
The Cloudflare Blog
Y
Y Combinator Blog
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
Recent Commits to openclaw:main
Recent Commits to openclaw:main
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Google DeepMind News
Google DeepMind News
MongoDB | Blog
MongoDB | Blog
S
Schneier on Security
Schneier on Security
Schneier on Security
Spread Privacy
Spread Privacy
L
LINUX DO - 热门话题
AI
AI
N
News and Events Feed by Topic
T
Tor Project blog
P
Palo Alto Networks Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
H
Hackread – Cybersecurity News, Data Breaches, AI and More
G
Google Developers Blog

博客园 - 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)  评论()    收藏  举报