判断页面访问端是电脑还是手机?

        今天公司出一个需求,当用户用手机打开我们PC端网站的时候直接转到微信端的界面。需求也很简单,网上找了很多资料,来简单做下总结。

       Navigator对象

       首先要知道的是Navigator对象,学习的时候几乎没怎么在意他,但开发的时候经常用到它,它是一个JS对象,存放有关浏览器的信息,它的下面有一个属性叫userAgent,里面保存着http请求页面时,请求者的代理头的信息。也就是保存了访问者的一些信息,通过这些信息就能判断谁打开的这个页面。

      代码
 网上找到了比较喜欢的代码就是下面这一种了,如下,亲测有效。红色部分是正则表达式,test是正则中常用的方法,若不懂,可以看看我之前写的正则表达式的文章。

if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){  //测试当前是哪个手机系统,可根据业务需要选择
    window.location.href="http://weixin.psmchina.cn";;
}else if(/iPad/i.test(navigator.userAgent)){ // ipad
    window.location.href="http://www.qq.com/pad/";;
}

 

  注意: 如果像我一样实现一跳转到另一个页面的业务,记得把代码放在头部,这样就不会看到两种页面了。

 

 

     本来要放下参考链接,结果找不到了。。。。。。。。。。。。。。。。。。。

 

posted @ 2017-10-27 16:02  全凭一口仙气儿活着  阅读(749)  评论(1编辑  收藏  举报