JavaScript を使用してユーザーのオペレーティング システムの詳細を取得するにはどうすればよいですか?

JavaScript を使用して OS の詳細を取得する方法

クライアント側の開発で最も一般的なタスクの 1 つは、ユーザーのオペレーティング システム (OS) を識別することです。 ) 互換性のため。 JavaScript は、この情報を比較的簡単に取得する便利な方法を提供します。この記事では、JavaScript を使用して OS 名とバージョンを検索する手順を説明します。

Navigator オブジェクト

JavaScript の navigator オブジェクトは、ブラウザーとシステム関連の情報。これには、クライアントの環境に関する詳細を提供するプロパティのコレクションが含まれています。

• navigator.userAgent: このプロパティは、ユーザー エージェントを含む文字列を返します。ユーザー エージェントは、ユーザーのブラウザ、OS、およびその他の関連情報を識別する文字列です。
• navigator.oscpu: (非推奨) このプロパティは、以前は OS と CPU アーキテクチャを取得するために使用されていました。しかし、最新のブラウザではサポートされなくなりました。

ユーザーの解析Agent

ユーザー エージェントから OS の詳細を抽出するには、正規表現または文字列操作手法を使用できます。ユーザー エージェントを解析できるサンプル JavaScript 関数を次に示します。

function getOSDetails(ua) {
  // Define regular expressions for common OSes
  const osRegexps = {
    Windows: /Windows NT (\d+)\.(\d+)/,
    Mac: /Mac OS X (\d+)_(\d+)_?(\d+)?/,
    iOS: /iPhone OS (\d+)_(\d+)_?(\d+)?/,
    Android: /Android (\d+)\.(\d+)/,
    Linux: /Linux/
  };

  // Search for matches against each OS regexp
  for (const os in osRegexps) {
    const match = osRegexps[os].exec(ua);
    if (match) {
      return {
        name: os,
        version: match[1] + "." + match[2] + "." + (match[3] || "")
      };
    }
  }

  return {
    name: "Unknown",
    version: "Unknown"
  };
}

関数の使用

これで、getOSDetails 関数を使用して OS 情報を取得できるようになりました。ユーザー エージェントは時間の経過とともに変更される可能性があるため、新しいバージョンに対応するために正規表現パターンを定期的に更新することをお勧めします。

以上がJavaScript を使用してユーザーのオペレーティング システムの詳細を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。