如何用js判断是安卓还是ios

原创

mob64ca12f7e7cf 2024-03-06 03:45:57 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12f7e7cf的原创作品，请联系作者获取转载授权，否则将追究法律责任

如何用JavaScript判断是安卓还是iOS

在Web开发中，有时候我们需要根据用户的操作系统来进行特定的处理，比如显示不同样式、执行不同的逻辑等。在这种情况下，我们就需要判断用户是使用的安卓还是iOS设备。下面就来介绍一种通过JavaScript判断用户设备的方法。

判断设备类型

要判断用户是使用的安卓还是iOS设备，我们可以通过navigator.userAgent来获取用户的User Agent，然后根据不同的关键词来判断设备类型。

function checkDeviceType() {
    const userAgent = navigator.userAgent;
    
    if (userAgent.match(/Android/i)) {
        return 'Android';
    } else if (userAgent.match(/iPhone|iPad|iPod/i)) {
        return 'iOS';
    } else {
        return 'Unknown';
    }
}

const deviceType = checkDeviceType();
console.log('Device type:', deviceType);

以上代码中，我们首先获取用户的User Agent，然后通过正则表达式匹配关键词来判断用户是使用的安卓还是iOS设备。

应用场景

假设我们有一个网页，需要根据用户的设备类型来显示不同的内容，比如在安卓设备上显示安卓下载链接，在iOS设备上显示iOS下载链接。

journey
    title 设备类型判断流程
    section 用户访问网页
        User -->> Website: 访问网页
    section 判断设备类型
        Website -->> JavaScript: 执行JavaScript代码
        JavaScript -->> Website: 返回设备类型
    section 显示不同内容
        Website -->> User: 根据设备类型显示不同内容

gantt
    title 设备类型判断甘特图
    dateFormat  YYYY-MM-DD
    section 安卓设备
    显示安卓下载链接: done, 2022-01-01, 2022-01-02
    section iOS设备
    显示iOS下载链接: done, 2022-01-01, 2022-01-02