可以使用JavaScript的navigator.userAgent
属性来检测设备类型。该属性返回用户代理头的字符串,其中包含了有关设备、操作系统和浏览器的信息。通过判断不同设备类型的关键词是否出现在userAgent
中,就可以确定当前访问的设备类型。
以下是一些常见的设备类型及其对应的关键词:
Android
、iPhone
、Windows Phone
、Mobile
等。iPad
、Android
、Tablet
等。Windows
、Macintosh
、Linux
等。示例代码:
const userAgent = navigator.userAgent.toLowerCase();
if (userAgent.indexOf("android") > -1 || userAgent.indexOf("iphone") > -1 || userAgent.indexOf("windows phone") > -1 || userAgent.indexOf("mobile") > -1) {
console.log("当前设备为手机");
} else if (userAgent.indexOf("ipad") > -1 || userAgent.indexOf("android") > -1 || userAgent.indexOf("tablet") > -1) {
console.log("当前设备为平板");
} else {
console.log("当前设备为电脑");
}
需要注意的是,userAgent
并不是完全可靠的,可能会被用户篡改或浏览器默认值不同而导致误判。