目前一般的网站都分成了PC版和手机版，当访问的浏览器是来自PC版时，则让其访问PC版的网页，当访问的浏览器是来自手机时，则让其跳转到手机版的地址。百度的uaredirect.js 就是一个小小的工具，实现了该跳转的功能。

使用方法如下，在网站的首页的头部引入下面的js和代码：

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script>

<script type="text/javascript">uaredirect("http://www.xxx.cn/xx/wap/index.html");</script>

这样在网站的入口处，就将PC端和手机端的访问分别引向不同的地址。

uaredirect.js应该代表的是：user agent redirect 的含义，级根据不同的 user agent 重定向到不同的网址。

uaredirect.js 的源码也很简单：

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

			}

		}

	}

};

主要起作用的代码为：

var c=window.location.hash;

if(!c.match("fromapp")){

   if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){

      location.replace(f)

   }
}

如果userAgent是 iPhone, 或者iPod, 或者Android, 或者ios 则使用我们传入函数 uaredirect("http://www.xxx.cn/xx/wap/index.html"); 中的url地址来取代当前的url地址，实现了跳转到不同的url地址。

其实腾讯的 www.qq.com 的首页中包含了对不同客户端的更加细化的区分，我们查看他的首页源码，发现其中包含了下面一段代码：

<!DOCTYPE html>

<html lang="zh-CN">

<head>

<meta content="text/html; charset=gb2312" http-equiv="Content-Type">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>腾讯首页</title>

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

使用百度出品的 uaredirect.js 来判断客户端是否为手机的更多相关文章

  1. 百度判断手机终端并自动跳转uaredirect.js代码及使用实例

    百度siteapp下的一款跳转的产品,使用起来很方便.你可以用这款JS跳转到手机版,也可以跳转到任何你想跳转的位置. js代码如下: function uaredirect(f) { try { if ...

  2. 百度Site App的uaredirect.js实现手机访问，自动跳转网站手机版

    以下为代码,可放置在网站foot底部文件,或者haead顶部文件,建议将代码放在网站顶部,这样可以实现手机访问立即跳转! <script src="http://siteapp.bai ...

  3. H5案例分享：使用JS判断客户端、浏览器、操作系统类型

    使用JS判断客户端.浏览器.操作系统类型 一.JS判断客户端类型 JS判断客户端是否是iOS或者Android手机移动端 通过判断浏览器的userAgent,用正则来判断手机是否是ios和Androi ...

  4. 【百度地图API】JS版本的常见问题

    1.请问如何将我的店铺标注在百度地图上?我是否可以做区域代理?在百度地图上标注是否免费? 答复: 这里只负责API的技术咨询,不解决任何地图标注问题.在百度地图上标注自己公司,即气泡标注业务.该业务已 ...

  5. JS判断客户端、浏览器、操作系统

    一.JS判断客户端是否是iOS或者Android手机移动端 通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端. 方法一: var u = navigator.us ...

  6. 插件uaredirect.js实现电脑版跳转到手机版网站

    一.介绍 这段时间,有好多朋友问我,跳转到手机版的那个JS是怎么写的.其实这个JS也不是我写的,是百度siteapp下的一款跳转的产品,使用起来很方便.你可以用这款JS跳转到手机版,也可以跳转到任何你 ...

  7. 使用JS判断客户端、浏览器、操作系统类型

    一.JS判断客户端类型 JS判断客户端是否是iOS或者Android手机移动端 通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端. 核心代码如下: 方法一: &l ...

  8. JS判断客户端是否是iOS或者Android或者ipad（二）

    js判断客户端是IPAD和iphone 多了就不说了,直接上代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22     funct ...

  9. director.js：客户端的路由---简明中文教程

    1.引子 最近学用director.js,那是相当的简单易学易使用.不过开始学的时候,搜搜过后,却没有发现相关的中文教程.于是决定硬啃E文,翻译备用的同时也当是给自己上课并加深对它的理解. direc ...

随机推荐

  1. 分享一下我封装iOS自定义控件的体会，附上三个好用的控件Demo <时间选择器&多行输入框&日期选择器>

    前段时间有小伙伴问到我:"这样的控件该怎么做呢?",我感觉是个比较简单的控件,可能对于入行不久的同志思路没有很清晰吧.趁着最近工作不忙,就来这里分享一下我封装自定义控件的几点体会吧 ...

  2. [Test] 单元测试艺术(2) 打破依赖，使用模拟对象，桩对象，隔离框架

    在上节中,完成了第一个单元测试,研究了各种特性,在本节,将介绍一些更实际的例子.SUT依赖于一个不可操控的对象,最常见的例子是文件系统,线程,内存和时间等. 本系列将分成3节: 单元测试基础知识 打破 ...

  3. 12 19 spring3 项目总结

    项目截图: 林集团 https://home.cnblogs.com/u/linjituan/ 团队guihub: https:///github.com/MoiGi 李鹏飞 https://www. ...

  4. 【循序渐进学Python】5.Python常用流程控制及其他语句

    1. 赋值语句常用技巧 通过序列解包(sequence unpacking)可以将多个值的序列解开,让后一一放置到变量的序列中.解包的序列中的元素必须和等号左边变量数量一致.如下: values = ...

  5. GridView 用 checkbox 全选并取值

    方法一,用 js 实现 <script type="text/javascript"> //<![CDATA[ function CheckAll(oCheckb ...

  6. php中的不常用数组函数（一）（数组中元素的键和值对调 array_flip()）

    array_flip($arr); //交换数组中的键和值. //如下所示,如果$arr中有相同的值.交换之后 会被旧的覆盖,最后一个有效. /***********array_flip(交换数组中的 ...

  7. JSONArray.toCollection 封装 bean 失败

    1. 问题描述: 通过http请求服务端, 返回的bean的集合的字符串形式, 其中bean中的Date类型的属性值,形式为Long类型的表示形式(1466083519000): String res ...

  8. （旧）子数涵数·DW——网页制作的流程

    PS:这是我很早以前的一个废掉的项目. 当时用的还是table排版,现在基本都是div了吧. 这个项目前段时间,我还抢救过一次,后来还是放弃了. 先行.网页制作的流程分为哪些呢? 一.网站策划(当时, ...

  9. Couchbase介绍，更好的Cache系统

    在移动互联网时代,我们面对的是更多的客户端,更低的请求延迟,这当然需要对数据做大量的 Cache 以提高读写速度. 术语 节点:指集群里的一台服务器. 现有 Cache 系统的特点 目前业界使用得最多 ...

  10. 【OpenCV & CUDA】OpenCV和Cuda结合编程

    一.利用OpenCV中提供的GPU模块 目前,OpenCV中已提供了许多GPU函数,直接使用OpenCV提供的GPU模块,可以完成大部分图像处理的加速操作. 基本使用方法,请参考:http://www ...