JSでブラウザの種類によって付与されるクラスを変える

Yukimi Sato 344views 更新:2014年4月4日

IE6の時は「.ie6」、IE6以上の時は「.ie7」、FireFoxの場合は「.firefox」、Chromeの場合は「.chrome」が「.browser」に付与されます。

<script type="text/javascript">
$(function () {
     // IE(IE7以上)
     if ($.browser.msie && $.browser.version > 6 ) $(".browser").addClass("ie6");

     // IE(IE6以下)
     if ($.browser.msie && $.browser.version <= 6 ) $(".browser").addClass("ie7");   

     // Firefox
     if ($.browser.mozilla ) $(".browser").addClass("firefox");

     // Chrome
     if( $.browser.webkit ) $(".browser").addClass("chrome");
});
</script>
<div class="browser">
ブラウザの種類によって付与されるクラスが変わります。
</div>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません