!
也想出现在这里? 联系我们
广告位

判断访问用户终端设备类型

以前判断网站的访客全部用的是 userAgent 来判断的,基本上都是判断 userAgent,一些简单点的终端没有什么问题,可是用过一段时间发现有的手机终端不会跳转,后面研究了下百度 siteapp,发现他的函数写的挺好的,可以直接拿来用,判断的也比较全面。

使用 userAgent

判断(iPhone|iPod|Android|ios|iPad)

  1. function uaredirect(murl) {
  2. try {
  3. if (document.getElementById("bdmark") != null) {
  4. return;
  5. }
  6. var urlhash = window.location.hash;
  7. if (!urlhash.match("fromapp")) {
  8. if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
  9. location.replace(murl);
  10. }
  11. }
  12. } catch(err) {}
  13. }

使用百度 siteapp 判断

  1. <script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script>
  2. <script type="text/javascript">uaredirect("http://m.baidu.com");</script>

我们来看看 uaredirect 的源代码

  1. function uaredirect(f) {
  2. try {
  3. if (document.getElementById("bdmark") != null) {
  4. return
  5. }
  6. var b = false;
  7. if (arguments[1]) {
  8. var e = window.location.host;
  9. var a = window.location.href;
  10. if (isSubdomain(arguments[1], e) == 1) {
  11. f = f + "/#m/" + a;
  12. b = true
  13. } else {
  14. if (isSubdomain(arguments[1], e) == 2) {
  15. f = f + "/#m/" + a;
  16. b = true
  17. } else {
  18. f = a;
  19. b = false
  20. }
  21. }
  22. } else {
  23. b = true
  24. }
  25. if (b) {
  26. var c = window.location.hash;
  27. if (!c.match("fromapp")) {
  28. if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))) {
  29. location.replace(f)
  30. }
  31. }
  32. }
  33. } catch(d) {}
  34. }
  35. function isSubdomain(c, d) {
  36. this.getdomain = function(f) {
  37. var e = f.indexOf("://");
  38. if (e > 0) {
  39. var h = f.substr(e + 3)
  40. } else {
  41. var h = f
  42. }
  43. var g = /^www./;
  44. if (g.test(h)) {
  45. h = h.substr(4)
  46. }
  47. return h
  48. };
  49. if (c == d) {
  50. return 1
  51. } else {
  52. var c = this.getdomain(c);
  53. var b = this.getdomain(d);
  54. if (c == b) {
  55. return 1
  56. } else {
  57. c = c.replace(".", "\.");
  58. var a = new RegExp("\." + c + "$");
  59. if (b.match(a)) {
  60. return 2
  61. } else {
  62. return 0
  63. }
  64. }
  65. }
  66. };

压缩代码

  1. function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\.");var a=new RegExp("\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};

给TA打赏
共{{data.count}}人
人已打赏
前端学习

CSS实现背景图片透明和文字不透明效果

2024-11-5 14:09:13

前端学习

通过 CSS自定义属性(CSS变量)和 JavaScript 实现高级CSS主题切换

2024-11-8 10:46:44

下载说明

  • 1、微码盒所提供的压缩包若无特别说明,解压密码均为weimahe.com
  • 2、下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;
  • 3、文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;
  • 4、资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便微码盒及时进行更新;
  • 5、其他下载问题请自行搜索教程,这里不一一讲解。

站长声明

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费资源,请在下载后24小时之内自觉删除;若作商业用途,请到原网站购买;由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索