js判断浏览设备是手机端，电脑端还是平板端

最新推荐文章于 2025-01-03 06:00:00 发布

原创最新推荐文章于 2025-01-03 06:00:00 发布 · 1.9k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文介绍了一种使用JavaScript检测用户设备类型的方法，包括判断是否为电脑、手机或平板，通过分析navigator.userAgent来识别不同的操作系统和浏览器特征。

console.log(navigator.userAgent);
var os = function() {
    var ua = navigator.userAgent,
        isWindowsPhone = /(?:Windows Phone)/.test(ua),
        isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
        isAndroid = /(?:Android)/.test(ua),
        isFireFox = /(?:Firefox)/.test(ua),
        isChrome = /(?:Chrome|CriOS)/.test(ua),
        isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),
        isPhone = /(?:iPhone)/.test(ua) && !isTablet,
        isPc = !isPhone && !isAndroid && !isSymbian;
    return {
        isTablet: isTablet,
        isPhone: isPhone,
        isAndroid: isAndroid,
        isPc: isPc
    };
}();

if(os.isAndroid || os.isPhone) {
    alert("手机")
} else if(os.isTablet) {
    alert("平板")
} else if(os.isPc) {
    alert("电脑")
}