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

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

       Navigator对象

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

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

1
2
3
4
5
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 @   全凭一口仙气儿活着  阅读(755)  评论(1编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
点击右上角即可分享
微信分享提示