ブラウザ判別


ブラウザの判別をしてみます。

特に必要な判別と言うのはIEだけ、or IE6だけ対応

と言うのが必要となる場合があります。

他の場合は、cssでカバーできる事が多いはずです!

■ブラウザ毎の判別

if (navigator.userAgent.indexOf("MSIE") != -1){
  //ie
}else if (navigator.userAgent.indexOf("Firefox") != -1){
  //ff
}else if (navigator.userAgent.indexOf("Safari") != -1 
  && navigator.userAgent.indexOf("Chrome") == -1){
  //safari
}else if (navigator.userAgent.indexOf("Chrome") != -1){
  //gc
}else if (navigator.userAgent.indexOf("Opera") != -1){
  //opera
}

とすれば判別が簡単にできます。

参照サイト:めぐみのいずみ

また、IE6だけ対応は下記になります。

if (typeof document.documentElement.style.maxHeight != "undefined") {
  //other
}else {
  //ie6
}

でie6だけの対応ができます。

参照:Strange Machines

jQueryにもブラウザ判別が含まれていますが、より汎用性が高いJavaScriptのブラウザ判別をしめしました。

コメント 停止中