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;">
- Copyright © 2009 by PCスキルの小技・忘却防止メモ. All rights reserved.
- </div>
- </body>
- </html>