[JS]javascriptでユーザーエージェントを判定してブラウザ毎に振分処理を行う方法

Javascript・jQuery

2012.10.15

個人的にはブラウザ判定を行う場合はPHPで行うことが多いのですが、PHPが使えない（.htmlファイルなど）場合にjavascriptでユーザーエージェントを調べてブラウザ別に処理を行う方法が使えます。

ブラウザ情報を返す処理だけでなく「IE6の時はbodyにie6のクラスを振る」なんてこともできます。

IEブラウザの判定
IEのバージョン判定

IEブラウザの判定

IEの判定をする場合はこちら。

<script type="text/javascript">
  if(navigator.userAgent.indexOf("MSIE") != -1) {
  }
</script>

if(navigator.userAgent.indexOf("MSIE") != -1) {

}

</script>

IEのバージョン判定

IEをバージョン別に振分ける場合はこんな感じです。
jQueryでブラウザ（IE）のバージョン別にクラスを振るとかに使えそうです。

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
  if(navigator.userAgent.indexOf("MSIE 6") != -1) {
  }
  else if(navigator.userAgent.indexOf("MSIE 7.") != -1){
  }
  else if(navigator.userAgent.indexOf("MSIE 8.") != -1){
  }
  else if(navigator.userAgent.indexOf("MSIE 9.") != -1){
  }
});
</script>