羊毛之家

这里总有一款属于你的菜

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

用户访问网页的设备基本分为桌面设备(电脑)和移动设备(手机、pad等),为了更好的用户体验,很多站点都做了PC和mobile两种页面。那么除了通过后端程序判断访问设备外,可以通过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. }
免责声明:内容均来自网络或网友投稿,如有侵权请联系管理员,我们会第一时间为您处理!谢谢您的合作!

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址