HTML/CSS

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

阿里云

以前判断网站的访客全部用的是 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}}}};

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

已有 390 人购买
查看演示升级 VIP立刻购买

收藏
(1)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!