[JavaScript] 使用しているブラウザを判定する

投稿日：2016年10月1日更新日：2018年5月2日

使用しているブラウザを判定するサンプルです。

サンプルソース

例）使用しているブラウザを判定する

function checkBrowser(){

  var result = '不明';

  var agent = window.navigator.userAgent.toLowerCase();
  var version = window.navigator.appVersion.toLowerCase();

  if(agent.indexOf("msie") > -1){
    if (version.indexOf("msie 6.") > -1){
      result = 'IE6';
    }else if (version.indexOf("msie 7.") > -1){
      result = 'IE7';
    }else if (version.indexOf("msie 8.") > -1){
      result = 'IE8';
    }else if (version.indexOf("msie 9.") > -1){
      result = 'IE9';
    }else if (version.indexOf("msie 10.") > -1){
      result = 'IE10';
    }else{
      result = 'IE(バージョン不明)';
    }
  }else if(agent.indexOf("trident/7") > -1){
    result = 'IE11';
  }else if(agent.indexOf("edge") > -1){
    result = 'Edge';
  }else if (agent.indexOf("chrome") > -1){
    result = 'Chrome';
  }else if (agent.indexOf("safari") > -1){
    result = 'Safari';
  }else if (agent.indexOf("opera") > -1){
    result = 'Opera';
  }else if (agent.indexOf("firefox") > -1){
    result = 'Firefox';
  }

  alert("お使いのブラウザは「" + result + "」です。");
}

function checkBrowser(){

var result = '不明';

var agent = window.navigator.userAgent.toLowerCase();

var version = window.navigator.appVersion.toLowerCase();

if(agent.indexOf("msie") > -1){

if (version.indexOf("msie 6.") > -1){

result = 'IE6';

}else if (version.indexOf("msie 7.") > -1){

result = 'IE7';

}else if (version.indexOf("msie 8.") > -1){

result = 'IE8';

}else if (version.indexOf("msie 9.") > -1){

result = 'IE9';

}else if (version.indexOf("msie 10.") > -1){

result = 'IE10';

}else{

result = 'IE(バージョン不明)';

}

}else if(agent.indexOf("trident/7") > -1){

result = 'IE11';

}else if(agent.indexOf("edge") > -1){

result = 'Edge';

}else if (agent.indexOf("chrome") > -1){

result = 'Chrome';

}else if (agent.indexOf("safari") > -1){

result = 'Safari';

}else if (agent.indexOf("opera") > -1){

result = 'Opera';

}else if (agent.indexOf("firefox") > -1){

result = 'Firefox';

}

alert("お使いのブラウザは「" + result + "」です。");

}

※ Edgeの判定はChromeと Safariの判定よりも前に行う必要があります。
　（EdgeのuserAgentにはなぜか"Chrome"、"Safari"の文字が含まれているため）
　カスタマイズされる場合はご注意ください。

解説

userAgentで取得できる文字列には各ブラウザ固有の文字が含まれるため、その文字が存在するかどうかでブラウザを判定しています。
IEのバージョンについては、appVersion内の文字で判定しています。

執筆者：とら