除了通过后端程序判断访问设备外,可以通过JS来判断访问设备是电脑还是手机吗?可以的!!
用户访问网页的设备基本分为桌面设备(电脑)和移动设备(手机、pad等),为了更好的用户体验,很多站点都做了PC和Mobile两种页面。那么除了通过后端程序判断访问设备外,可以通过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';
- }
- 我的微信
- 微信扫一扫
-
- 我的微博
- 微博扫一扫
-
评论