jqueryを使って、ブラウザを判定する方法

参考ソースコード:

<html>
<meta charset="utf-8″>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function(){
if($.browser.msie) {
alert(“これはIEブラウザです");
}else if($.browser.opera) {
alert(“これはOperaブラウザです");
}else if($.browser.mozilla) {
alert(“これはFirefoxブラウザ");
}else if($.browser.safari) {
alert(“これはsafariブラウザ");
}else if($.browser.webkit){
alert(“これはwebkitブラウザ");
}else {
alert(“判定できません");
}

jQuery.each(jQuery.browser, function(i, val) {
$(“<div>" + i + " : <span>" + val + “</span>").appendTo( document.body );
});

$(“a").mouseout(function(event) {
alert(event.relatedTarget.nodeName); // “BODY"
});

})
</script>
<style type="text/css">
p { color:green; font-weight:bolder; margin:3px 0 0 10px; }
div { color:blue; margin-left:20px; font-size:14px; }
span { color:red; }
</style>
</head>
<body>

<p>ブラウザ情報:</p>

</body>
</html>

Source

Posted by arkgame