「JavaScript」対応ブラウザ(ie、chrome、firefox)を判定するサンプルコード

2017年5月23日

サンプルコード
var client = function(){
var engine = {
ie:0,
gecko:0,
webkit:0,
khtml:0,
opera:0,
ver:null
};
var browser = {
ie: 0,
firefox: 0,
safari: 0,
konq: 0,
opera: 0,
chrome: 0,
ver:null
};
var ua = navigator.userAgent;
if(window.opera){
engine.ver = browser.ver = window.opera.version();
engine.opera = browser.opera = parseFloat(engine.ver);
} else if(/AppleWebKit/(S+)/.test(ua)){
engine.ver = RegExp[“$1"];
engine.webkit = parseFloat(engine.ver);
// Chrome/Safari判定
if (/Chrome/(S+)/.test(ua)){
browser.ver = RegExp[“$1"];
browser.chrome = parseFloat(browser.ver);
} else if (/Version/(S+)/.test(ua)){
browser.ver = RegExp[“$1"];
browser.safari = parseFloat(browser.ver);
} else {
//バージョン確認
var safariVersion = 1;
if (engine.webkit < 100){
safariVersion = 1;
} else if (engine.webkit < 312){
safariVersion = 1.2;
} else if (engine.webkit < 412){
safariVersion = 1.3;
} else {
safariVersion = 2;
}
browser.safari = browser.ver = safariVersion;
}
}else if (/KHTML/(S+)/.test(ua) || /Konqueror/([^;]+)/.test(ua)){
engine.ver = browser.ver = RegExp[“$1"];
engine.khtml = browser.konq = parseFloat(engine.ver);
}else if (/rv:([^)]+)) Gecko/d{8}/.test(ua)){
engine.ver = RegExp[“$1"];
engine.gecko = parseFloat(engine.ver);
// Firefox判定
if (/Firefox/(S+)/.test(ua)){
browser.ver = RegExp[“$1"];
browser.firefox = parseFloat(browser.ver);
}
}else if (/MSIE ([^;]+)/.test(ua)){
engine.ver = browser.ver = RegExp[“$1"];
engine.ie = browser.ie = parseFloat(engine.ver);
}
return {
engine:engine,
browser: browser
};
}();

if (client.engine.webkit) { //if it’s WebKit
if (client.browser.chrome){
//chrome some code
}
} else if (client.engine.gecko){
if (client.browser.firefox){
// Firefox some code
} else {
// Gecko some code
}
}