>웹 프론트엔드 >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: 운영 체제 세부 정보 감지

웹 개발에서는 사용자 운영 체제에 대한 정보(예: 이름과 버전. 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으로 문의하세요.