html如何判断是否电脑访问,js判断访问设备是电脑还是手机

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

9b8ffe3ac2da50ab340b3234a2a4560a.jpg

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

下面给出这段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';

}

与本文相关的福利:

这篇文章如果帮到了你 赏 赞 1

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值