JavaScriptでユーザが利用しているブラウザとOSの種類を判定するサンプルプログラムです。
ブラウザ種類を判定する場合にはUserAgent文字列を判定する方法が一番手っ取り早いです。
HTMLサンプル
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
jQuery(function($) { jQuery(document).on('click', '#btnBrowserOsCheckSample', function(){ var browser = checkBrowser(); document.getElementById("lblBrowserCheckSample").innerHTML = "あなたが使用しているブラウザは「" + browser + "」です。"; }); }); /* * 使用ブラウザの種類を判定します。 */ function checkBrowser() { var browser = ""; if(window.opera || navigator.userAgent.indexOf('Opera') > -1 || navigator.userAgent.indexOf('OPR') > -1) { browser = "Opera"; } else if(navigator.userAgent.indexOf('Msie') > -1 || navigator.userAgent.indexOf('Trident') > -1) { browser = "Internet Explorer"; } else if(navigator.userAgent.indexOf('Chrome') > -1) { browser = "Chrome"; } else if(navigator.userAgent.indexOf("Firefox") > -1) { browser = "Firefox"; } else if(navigator.userAgent.indexOf("Safari") > -1) { browser = "Safari"; } else if(navigator.userAgent.indexOf("Gecko") > -1) { browser = "Gecko"; } else { browser = "Unknown"; } return browser; } |
Operaで実行すると「Chrome」になります。
hanakayuiさんご指摘ありがとうございます。
Operaの場合バージョンによってuserAgentへ’Opera’という文字列が入らないため、’OPR’という文字列で判定することで、CromeとOperaの区分けをするように対応しました。