JS判断访问设备是电脑还是手机

王小优
王小优
王小优
231
文章
0
评论
2015年12月14日
评论
3,707 647字阅读2分9秒

除了通过后端程序判断访问设备外,可以通过JS来判断访问设备是电脑还是手机吗?可以的!!

用户访问网页的设备基本分为桌面设备(电脑)和移动设备(手机、pad等),为了更好的用户体验,很多站点都做了PC和Mobile两种页面。那么除了通过后端程序判断访问设备外,可以通过JS来判断访问设备是电脑还是手机吗?可以的!!

JS判断访问设备是电脑还是手机

有朋友该问了,为什么不做自适应的啊?有些页面结构比较复杂,不太适合做自适应的。

下面给出这段JS代码,可以判断访问设备,然后进行相应的跳转:

  1. if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {  
  2.    
  3. //iPhone手机页面  
  4. window.location.href ="iPhone.html";  
  5.    
  6. else if (/(Android)/i.test(navigator.userAgent)) {  
  7.    
  8. //安卓手机页面  
  9. window.location.href ="Android.html";  
  10.    
  11. else {  
  12.    
  13. //电脑页面  
  14. window.location.href ="pc.html";  
  15.    
  16. };  

或者这样,让所有的移动设备都跳转到一个页面:

  1. if(/(iPhone|iOS|Android|Windows Phone)/i.test(navigator.userAgent)){  
  2. window.location.href = 'mobile.html';  
  3. }  
若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微博
  • 微博扫一扫
  • weinxin
王小优
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: