UserAgentからブラウザを判定するオールマイティなJavaScript(browserinfo.js)
JavaScriptでブラウザを判定させるためクラスを作ってみました。
各ブラウザに応じてスタイルシートを動的に変更するような用途での使い勝手のよさを重視しています。
ダウンロードはこちら→browserinfo.js ver0.2
追記:
0.2→0.3 Webkitの判定文の誤りを修正(2010/1/4)0.1→0.2 Netscape判定ができないバグを修正(2007/11/22)
・M.C.P.C. ―むり・くり―プラスコミュニケーション様がトラックバックしてくださいました。ありがとうございます^^。
判定できるブラウザ
- Internet Explorer (MacIEの判定も可 )
- Netscape
- Firefox
- Opera
- Safari
判定できるエンジン
使い方
1.使いたいHTMLから参照できる場所に browserinfo.js を配置します。
2.HTMLのhead内に script タグを使用して browserinfo.js を呼び出します。
<script type="text/javascript" src="browserinfo.js"></script>
3.使用したいスクリプト内でBrowserInfoインスタンスを配置します。このインスタンスがブラウザに関する調べたい情報をプロパティとして保持しています。
使用例)
var bi = new BrowserInfo(); //例:MacIEかどうかを判定する if( bi.macie ) alert("MacIEです。"); //例:firefoxであればバージョンを表示する。 if( bi.firefox ) alert("FireFoxのバージョン:" + bi.firefoxVersion );
BrowserInfoクラスのプロパティ一覧
プロパティ | 型 | 説明 |
---|---|---|
ie | Boolean | InternetExplorerである場合はtrue |
ieMVersion | Number(整数) | InternetExplorerのメジャーバージョン 4 , 5 , 6 , 7 など |
ieVersion | Number | InternetExplorerのバージョン 4 , 5.1 , 5.5 , 6 , 7 など |
macie | Boolean | MacIEであれば true |
firefox | Boolean | Firefoxであれば true |
firefoxMVersion | Number(整数) | Firefoxのメジャーバージョン 0 , 1 , 2 など |
firefoxVersion | Number | Firefoxのバージョン 0.9 , 1.5 , 2 など |
safari | Boolean | Safariであれば true |
safariMVersion | Number(整数) | Safariのメジャーバージョン 85 , 125 , 412 , 417 など |
safariVersion | Number | Safariのバージョン 85.8 , 125.9 , 312.6 など |
opera | Boolean | Operaであれば true |
operaMVersion | Number(整数) | Oparaのメジャーバージョン 3 , 6 , 7 , 8 , 9 など |
operaVersion | Number | Operaのバージョン 6.01 , 7.11 , 8.53 , 9 など |
netscape | Boolean | Netscapeであれば true |
netscapeMVersion | Number(整数) | Netscapeのメジャーバージョン 6 , 7 など |
netscapeVersion | Number | Netscapeのバージョン 6.01 , 7.01 など |
webkit | Boolean | Webkitエンジンを使用していれば true |
webkitVersion | Number | Webkitエンジンのバージョン 312.8 , 418 など |
gecko | Boolean | Geckoエンジンを使用していれば true |
geckoVersion | Number | Geckoエンジンのバージョン 20030624 など |