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

2018-11-1 18:36 来自本站原创 2,128 11 9
[摘要]

除了通过后端程序判断访问设备外,可以通过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';
}

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

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

  • 支付宝扫一扫赞助
  • 微信扫一扫赞助
  • 声明:凡注明“本站原创”的所有文字图片等资料,版权均属 雅兮网 所有,欢迎转载,但务请注明出处;
    目前评论:11   其中:访客  11   博主  0
    加载中...
    1. 2个月前 (06-02) 11楼

      遇到篡改UA的可就失效了。

    1 2
    发表评论

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

    分享 11 9 2,128
    Top