javascript ブラウザを判定する

javascript ブラウザを判定する

javascriptで、window.navigator.userAgentを使って、現在使用しているブラウザを判定するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

window.navigator.userAgent使い方

window.navigator.userAgentを使うと、ブラウザに関する情報を取得することが可能です。

encodeURI使い方

ブラウザ判定

window.navigator.userAgentで取得した情報の中に、対象の文字列が含まれているかで判定します。

サンプルコード

以下は、
「 判定 」ボタンをクリックすると使用しているブラウザを表示する
サンプルコードとなります。
edgeを判定する場合、「chrome」も含まれているので、条件式の順番が大事になります。

※cssには「bootstrap material」を使用してます。

表示されていることが確認できます。

chromeの場合

firefoxの場合

edge(Chromiumベース)の場合

ie11の場合

safariの場合