如何使用 JavaScript 检测并显示用户的操作系统详细信息？

JavaScript：检测操作系统详细信息

在 Web 开发中，检索有关用户操作系统的信息（例如其操作系统）非常有用。名称和版本。 JavaScript 提供了访问此数据并将其显示给用户的方法。

定位操作系统详细信息

以下脚本可用于检测操作系统名称和版本:

(function () {
    var system = navigator.platform;
    var osName = "Unknown";
    osName = (navigator.userAgentData && navigator.userAgentData.platform) ? navigator.userAgentData.platform : osName;
    var osVersion = "Unknown";
    
    if (system.includes("Win")) {
        osName = "Windows";
        osVersion = /Windows (.*)/.exec(navigator.userAgent)[1];
    } else if (system.includes("Mac")) {
        osName = "macOS";
        osVersion = /(?<=Mac OS X )\d+(\.\d+)+/.exec(navigator.userAgent)[0];
    } else if (system.includes("Linux")) {
        osName = "Linux";
        osVersion = unknown;
    } else if (system.includes("Android")) {
        osName = "Android";
        osVersion = navigator.userAgent.slice(navigator.userAgent.indexOf("Android ") + 8, navigator.userAgent.indexOf(";"));
    } else if (system.includes("iPhone")) {
        osName = "iOS";
        osVersion = navigator.userAgent.slice(navigator.userAgent.indexOf("OS ") + 3, navigator.userAgent.indexOf(" like Mac"));
    } else if (system.includes("iPad")) {
        osName = "iPadOS";
        osVersion = navigator.userAgent.slice(navigator.userAgent.indexOf("OS ") + 3, navigator.userAgent.indexOf(" like Mac"));
    }
    
    return {
        osName: osName,
        osVersion: osVersion
    };
})();

访问详细信息

脚本运行后，可以使用以下属性访问操作系统详细信息：

• osName：操作系统的名称（例如，“Windows "、"macOS"、"Linux")
• osVersion：操作系统的版本（例如，“10.0”、 "12.1", "5.2")

注意： 上述脚本提供了检测操作系统详细信息的通用方法。实际实现和准确性可能会因具体环境和浏览器配置而异。

以上是如何使用 JavaScript 检测并显示用户的操作系统详细信息？的详细内容。更多信息请关注PHP中文网其他相关文章！