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

2018-11-1 18:36 来自本站原创 232 9 4
[摘要]

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

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

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

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

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

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {

//iPhone手机页面
window.location.href ="iPhone.html";

} else if (/(Android)/i.test(navigator.userAgent)) {

//安卓手机页面
window.location.href ="Android.html";

} else {

//电脑页面
window.location.href ="pc.html";

};

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

if(/(iPhone|iOS|Android|Windows Phone)/i.test(navigator.userAgent)){
window.location.href = 'mobile.html';
}

如果认为本文对您有所帮助请赞助本站

支付宝扫一扫赞助微信扫一扫赞助

  • 支付宝扫一扫赞助
  • 微信扫一扫赞助
  • 声明:凡注明“本站原创”的所有文字图片等资料,版权均属 雅兮网 所有,欢迎转载,但务请注明出处;
    已是本栏目最新文章
    目前评论:9   其中:访客  9   博主  0
    加载中...
    1. 9小时前 9楼

      文章写得不错哦,赞一个~欢迎互访,http://www.jingyu.in

    2. 2天前 8楼

      技术博客每篇必看,谢谢博主

    3. 3天前 7楼

      好像之前我们用的代码都是百度的判断来着 忘记了。

    4. 4天前 6楼

      涨知识了

    5. 1周前 (11-08) 5楼

      不错

    6. WRZ 1
      2周前 (11-04) 4楼

      不错,其实 不要写那么多判断
      if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
      只要把jq 直接写进去就行了 这样jq 就只在pc有效果 ,移动端没效果的。不需要在做别的判断了
      };

    7. 2周前 (11-03) 板凳

      谢谢研发大咖

    8. 2周前 (11-02) 椅子

      这个确实非常简洁,有需要的时候再试试

    9. 2周前 (11-02) 沙发

      这么简单?我以前网上下的js好长一串呢。
      if(contains(ua,"ipad")||(contains(ua,"rv:1.2.3.4"))||(contains(ua,"0.0.0.0"))||(contains(ua,"8.0.552.237"))){return false}
      if((contains(ua,"android") && contains(ua,"mobile"))||(contains(ua,"android") && contains(ua,"mozilla")) ||(contains(ua,"android") && contains(ua,"opera"))
      ||contains(ua,"ucweb7")||contains(ua,"iphone")){toMobileVertion();}
      }

    发表评论

    疑问 调皮 难过 抠鼻 吓 微笑 可爱 坏笑 惊讶 发呆 疑问 大兵 偷笑 咒骂 发怒 白眼 鼓掌 得意 擦汗 亲亲 大哭 呲牙 晕 强

    9 4 232
    Top