首頁 >web前端 >js教程 >如何使用 JavaScript 檢測並顯示使用者的作業系統詳細資訊?

如何使用 JavaScript 檢測並顯示使用者的作業系統詳細資訊?

DDD
DDD原創
2024-12-01 16:53:14904瀏覽

How Can I Detect and Display a User's Operating System Details Using 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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn