如今这个年代,你的企业网站要是没有手机版你都不好意思跟人说自己公司有网站。。。如果是新建的网站,建议大家用响应式设计来制作手机版,但是有的网站可能暂时不方便改版,只需要单独加一个手机版,一般采用二级域名+手机网站的方法。这就需要在PC版网站上判断客户端是手机还是PC,并将手机访问的自动跳转到对应的手机版网站。一般有两种方法:一个是在服务器端判断客户端类型,这种方法虽然有很多优势,但是对于一般的小网站而言并不划算,毕竟会加重服务器的负担;另一个方法就是使用 javascript 脚本来判断客户端类型,这个方法简单实用,只在客户端进行判断,不涉及跟服务器的交互,本文就介绍这种方法。

其实你让我自己写这种代码我还不一定能写的好呢,还好它山之石可以攻玉,我们可以抄一下嘛!顺手扒了京东和腾讯的这种代码:

京东版

(function(w) { 
    var ua  = w.navigator.userAgent.toLocaleLowerCase();
    var url = '//www.xingzai.org';
    var matchedRE = /iphone|android|symbianos|windows\sphone/g;
    if ( matchedRE.test(ua)) {
        w.location.href = url;
    }
})(window);

腾讯版

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="//www.xingzai.org";
			}
		}catch(e){}
	}
}