如何利用js判断设备类型是电脑还是手机?

• • 腾讯云建站教程
  • 宝塔面板建站教程
  • 老薛主机建站教程
  • SiteGround建站教程

用户访问网页的设备基本分为桌面设备（电脑）和移动设备（手机、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';
}

以上内容整理自@雅兮网

本文地址：https://boke112.com/post/6008.html