在JavaScript中判断是安卓和iOS系统版本的常用方法包括：使用User-Agent字符串进行识别、调用特定的系统API、以及借助第三方库。 其中，最常用和简单的方法是通过User-Agent字符串来识别设备类型和操作系统版本。接下来，我们将详细讨论如何实现这些方法。

一、通过User-Agent字符串判断

User-Agent字符串包含了关于设备、操作系统和浏览器的详细信息，通过分析这个字符串，我们可以判断设备的类型和操作系统版本。

function getOS() {
    let userAgent = navigator.userAgent || navigator.vendor || window.opera;
    // 判断是否是iOS
    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
        return 'iOS';
    // 判断是否是Android
    if (/android/i.test(userAgent)) {
        return 'Android';
    return 'unknown';
console.log(getOS());
二、获取系统版本号
在识别出设备类型后，进一步解析User-Agent字符串以获取操作系统的具体版本号。
1. 获取iOS版本号
对于iOS设备，可以通过匹配User-Agent字符串中的特定格式来获取版本号。
function getiOSVersion() {
    let userAgent = navigator.userAgent || navigator.vendor || window.opera;
    let match = userAgent.match(/OS (d+)_(d+)_?(d+)?/);
    if (match) {
        return `${match[1]}.${match[2]}.${match[3] || 0}`;
    return 'unknown';
console.log(getiOSVersion());
2. 获取Android版本号
对于Android设备，可以通过匹配User-Agent字符串中的特定格式来获取版本号。
function getAndroidVersion() {
    let userAgent = navigator.userAgent || navigator.vendor || window.opera;
    let match = userAgent.match(/Androids([0-9.]*)/);
    if (match) {
        return match[1];
    return 'unknown';
console.log(getAndroidVersion());
三、结合判断设备类型和版本号
将上述两部分结合起来，编写一个函数来判断设备类型并返回对应的版本号。
function getDeviceInfo() {
    let userAgent = navigator.userAgent || navigator.vendor || window.opera;
    // 判断是否是iOS
    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
        let match = userAgent.match(/OS (d+)_(d+)_?(d+)?/);
        if (match) {
            return { os: 'iOS', version: `${match[1]}.${match[2]}.${match[3] || 0}` };
    // 判断是否是Android
    if (/android/i.test(userAgent)) {
        let match = userAgent.match(/Androids([0-9.]*)/);
        if (match) {
            return { os: 'Android', version: match[1] };
    return { os: 'unknown', version: 'unknown' };
console.log(getDeviceInfo());
四、使用第三方库
除了手动解析User-Agent字符串，我们还可以使用一些第三方库来简化这一过程，如 platform.js。该库可以方便地解析User-Agent字符串并提供设备和操作系统的信息。
<script src="https://cdnjs.cloudflare.com/ajax/libs/platform/1.3.6/platform.min.js"></script>
<script>
    let os = platform.os;
    console.log(`OS: ${os.family}`);
    console.log(`Version: ${os.version}`);
</script>
通过上述方法，我们可以在JavaScript中有效地判断设备类型和操作系统版本。使用User-Agent字符串解析方法简单直接，但可能需要处理不同设备和浏览器的兼容性问题。而使用第三方库如 platform.js，则可以进一步简化这一过程，提高代码的可读性和可维护性。
无论选择哪种方法，都需要注意维护和更新解析规则，以适应不断变化的设备和操作系统环境。在实际项目中，推荐结合使用如研发项目管理系统PingCode和通用项目协作软件Worktile来高效管理和协作开发任务，以确保项目的顺利进行。
相关问答FAQs：
1. 如何使用JavaScript判断设备是安卓还是iOS系统？
使用navigator.userAgent来获取设备的用户代理字符串。
判断字符串中是否包含关键字Android或iPhone来确定设备是安卓还是iOS系统。
2. 如何获取设备的操作系统版本号？
使用navigator.userAgent获取用户代理字符串。
利用正则表达式匹配操作系统版本号的部分，并提取出来。
对于安卓系统，可以使用/Androids([d.]+)/.exec(userAgent)来匹配版本号。
对于iOS系统，可以使用/OSs([d_]+)/.exec(userAgent)来匹配版本号。
3. 是否有其他方法可以判断设备的系统版本？
可以使用navigator.platform来获取设备的平台信息。
对于安卓设备，navigator.platform会返回Linux armv8l。
对于iOS设备，navigator.platform会返回iPhone或iPad。
使用navigator.userAgent和navigator.platform结合判断，能够更准确地确定设备的系统版本。
                                                        
原创文章，作者：Edit2，如若转载，请注明出处：https://docs.pingcode.com/baike/3698591
                        
                            
 赞 (0)