js STUDIO

$.browser 非推奨 1.9 削除

$.browser 1.0追加

戻り値:Map

navigator.userAgentからブラウザ情報のフラグを取得します。

この$.browserプロパティは下記の主要な各ブラウザのフラグを保持しています。 また、jQuery1.3の時点で非推奨となっており、代わりに$.supportを使用することが奨められています。 理由は、$.browserはnavigator.userAgentを使用してプラットフォームを調べますが、 ユーザーが簡単に偽装出来るなど、このプロパティの信頼性が低いためです。 $.supportプロパティは各機能がそれぞれサポートされているかを調べるため、信頼性が高いと言えます。

  • webkit (jQuery 1.4)
  • safari (非推奨)
  • opera
  • msie
  • mozilla

$.browser.version 1.1.3追加

戻り値:String

ブラウザのバージョンを検出します。 下記はこのプロパティの代表的な検出例です。

ブラウザバージョン検出例
Internet Explorer 6.0, 7.0, 8.0
Mozilla/Firefox/Flock/Camino 1.7.12, 1.8.1.3, 1.9
Opera 10.06, 11.01
Safari/Webkit 312.8, 418.9

サンプル

ブラウザがInternet Explorerであれば、trueを取得します。

$.browser.msie;

ブラウザがwebkitであれば、アラートダイアログを表示します。

if ($.browser.webkit) {
  alert( "これは、webkitです!" );
}

Firefoxのバージョンが低ければ、アラートダイアログを表示します。

var ua = $.browser;
if ( ua.mozilla && ua.version.slice(0,3) == "1.9" ) {
  alert( "Firefox3にアップデートしてください！" );
}

Internet Explorerであれば、特別なCSS値を指定します。

 if ( $.browser.msie ) {
    $("#div ul li").css( "display","inline" );
 } else {
    $("#div ul li").css( "display","inline-table" );
 }

デモ

ブラウザ情報を出力します。 

<!DOCTYPE html>
<html>
<head>
<style>
  p { color:green; font-weight:bolder; margin:3px 0 0 10px; }
  div { color:blue; margin-left:20px; font-size:14px; }
  span { color:red; }
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
<p>ブラウザ情報:</p>
<script>
  jQuery.each(jQuery.browser, function(i, val) {
    $("<div>" + i + " : <span>" + val + "</span>")
              .appendTo( document.body );
  });
</script>
</body>
</html>

 Back to top

© 2010 - 2017 STUDIO KINGDOM