「jqueryでのブラウザチェック」を別ウィンドウで開く
各種サンプルとソース一覧 | PCスキルの小技・忘却防止メモ |

jqueryでのブラウザチェック

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>jqueryでのブラウザチェック</title>
<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
</head>
<body>
<h1>jqueryでのブラウザチェック</h1>
このURLを読込んだブラウザ情報を取得。
<h2>$.browserの各値</h2>
<script type="text/javascript">
document.write('<table border="1">');
for (var obj in $.browser) {
document.write("<tr><td>$.browser." + obj + "</td><td>" + $.browser[obj] + "</td></tr>");
}
document.write("</table>");
document.write('<h2>ブラウザの種別</h2>');
// Firefox 2以上
if ($.browser.mozilla && $.browser.version >= 2 ){
document.write("mozila：Firefox 2以上");
}
// Safari
if( $.browser.safari ){
document.write("safari：Chromeも含まれる");
}
// Chrome：クロムは取れない。
if( $.browser.chrome){
document.write("chrome");
}
// Camino
if( $.browser.camino){
document.write("camino");
}
// Opera
if( $.browser.opera){
document.write("opera");
}
// IE6以下
if ($.browser.msie && $.browser.version <= 6 ){
document.write("IE6以下");
}
// IE7以上
if ($.browser.msie && $.browser.version > 6){
document.write("IE7以上");
}
</script>
<div style="font-size:10pt;text-align:right;margin-top:0.5em;">
<a href="//tips.recatnap.info/" target="_top">PCスキルの小技・忘却防止メモ</a> -
<a href="//tips.recatnap.info/wiki/" target="_top">PCスキルの小技・忘却防止メモのまとめ（wiki）</a>
</div>
<div style="font-size:10pt;text-align:center;margin-top:0.5em;padding:0.5em;border-top:1px solid #ccc;">
</div>
</body>
</html>