このブログでは、JavaScript でユーザー エージェントを取得する方法について説明します。
JavaScript でユーザー エージェントを取得するには?
「 ユーザーエージェント 」プロパティは、ブラウザによってサーバーに送信されるユーザーエージェントのヘッダーを提供します。ユーザー エージェントは、「 ユーザーエージェント さまざまなシナリオでのプロパティ。これらのシナリオは次のとおりです。
例 1: ユーザー定義関数を使用して JavaScript でユーザー エージェントを取得する
この特定の例は、ユーザー定義関数を使用して、2 つの異なるブラウザーのユーザー エージェントを取得するために適用できます。
次のコード スニペットを見てみましょう。
< h3 > ユーザー エージェントを取得する の JavaScript h3 >
< ボタンオンクリック = 'ユーザーエージェント()' > クリックして 得る ユーザーエージェント ボタン >
< h3 ID = 'また' スタイル = '背景色: 水色;' > h3 >
上記のコードでは:
- 最初のステップで、指定された見出しを含めます。
- その後、「」が付いたボタンを作成します。 オンクリック 」 ユーザー定義関数 userAgent() を呼び出すイベント。
- 次のステップでは、指定された「 ID 」結果を含むために「 ユーザーエージェント 」。
コードの JavaScript 部分に進みましょう。
関数 ユーザーエージェント ( ) {させて 得る = ナビゲーター。 ユーザーエージェント ;
資料。 getElementById ( 'また' ) . インナーHTML = 'ユーザーエージェントは:' + 得る ;
}
上記の js コードで、次の手順を実行します。
- 「」という名前の関数を宣言します ユーザーエージェント() 」。
- その定義では、「 ユーザーエージェント 」ブラウザの名前、バージョンなどに関する情報を返すプロパティ。
出力 (Chrome ブラウザの場合)
出力 (Microsoft Edge ブラウザーの場合)
上記の出力から、両方のブラウザーのユーザー エージェントの違いを確認できます。
例 2: switch ステートメントを使用して JavaScript でユーザー エージェントを取得する
「 スイッチ 」ステートメントは、アクションにさまざまな条件を適用するために使用されます。このステートメントを適用して、対応するユーザー エージェントを返すために、さまざまなブラウザーにチェックを適用できます。
構文
ストリング。 の指標 ( 探す 、 始める )指定された構文では:
- 「 探す 」は、検索する文字列を示します。
- 「 始める 」は開始位置を示します。
例
次の例に進みましょう。
次の例では、次の手順を実行します。
- 「」を含めます 見出し 」に結果のメッセージを含めます。
- 関数を作成し、「 スイッチ ” を指定したステートメント ブール値 」値をパラメーターとして使用します。
- その定義では、記載されている「 ブラウザ 」の例外を処理することによって -1 」つまり、値が見つかりません。
- また、「 の指標() 」 メソッドを使用して、結果のユーザー エージェントのパラメーターに含まれる文字列を確認します。この条件により、対応するブラウザが構成されます。
- その後、「 ユーザーエージェント 」プロパティと「 toLowerCase() 」メソッドを使用して、対応するブラウザのユーザー エージェントを取得し、小文字に変換します。
- 最後に、「 内部テキスト 」 プロパティを使用して、対応するブラウザ名とそのユーザー エージェントを表示します。
< h3 > h3 >
体 >
- 1 :
戻る 「MSエッジ」 ;
場合 エージェント。 の指標 ( 「エッジ/」 ) > - 1 :
戻る 「エッジ(クロム系)」 ;
場合 エージェント。 の指標 ( 「オペ」 ) > - 1 && !! 窓。 操作 :
戻る 'オペラ' ;
場合 エージェント。 の指標 ( 'クロム' ) > - 1 && !! 窓。 クロム :
戻る 'クロム' ;
場合 エージェント。 の指標 ( 'サファリ' ) > - 1 :
戻る 'サファリ' ;
デフォルト : 戻る '他の' ;
} } )
( 窓。 ナビゲーター . ユーザーエージェント . toLowerCase ( ) ) ;
資料。 クエリセレクター ( 'h3' ) . 内部テキスト = 「使用しています」 + ブラウザ名 + 「ブラウザ」 ;
コンソール。 ログ ( 窓。 ナビゲーター . ユーザーエージェント . toLowerCase ( ) ) ;
脚本 >
出力(Chromeブラウザ用)
出力 (Microsoft Edge ブラウザーの場合)
上記の出力では、両方のブラウザーがユーザー エージェントと共に検出されていることが明らかです。
JavaScript でユーザー エージェントを取得するための便利な方法はすべて説明されています。
結論
「 ユーザーエージェント 」は、「 ユーザー定義の 」機能と同様に「 スイッチ 」 JavaScript のステートメント。前者の例は単純で、対応するブラウザーのユーザー エージェントを取得して見出しとして返すように実装できます。後者のアプローチは、含まれている文字列値に基づいて複数のブラウザーを処理し、対応するブラウザーのユーザー エージェントを返します。この記事では、JavaScript でユーザー エージェントを取得する方法について説明します。