ホームページ >ウェブフロントエンド >jsチュートリアル >js検出ブラウザのバージョン、コア、モバイル端末かどうかの例_基礎知識
ブラウザのバージョン、コア、システム、モバイルかどうかを検出します
/**
* ナビゲーター userAgent でブラウザ情報を検出します
* @return object ブラウザ情報
*/
var browser = (function(){
var userAgent = navigator.userAgent,
ua = userAgent.toLowerCase(),
browserList = {
msie : /(?:msies|trident .*rv:)([w.] )/i,
Firefox : /Firefox/([w.] )/i,
chrome : /Chrome/([w.] )/i,
サファリ : /version/([w.] ).*Safari/i,
オペラ : /(?:OPR/|Opera.version/)([w.] )/i
},
カーネル = {
MSIE: /(互換性;smsies|Trident/)[w.] /i,
Camino: /Camino/i,
KHTML: /KHTML/i,
プレスト: /Presto/[w.] /i,
Gecko : /Gecko/[w.] /i,
WebKit: /AppleWebKit/[w.] /i
},
ブラウザ = {
カーネル : '不明'、
バージョン : '不明'
}
// ブラウザ
for(var i in browserList){
varmatches = ua.match(browserList[i]);
browser[i] = match true : false;
if(matchs){
browser.version =matches[1];
}
}
// 検出エンジン
for(var i in kernels){
varmatches = ua.match(kernels[i]);
if(matchs){
browser.kernel =matches [0];
}
}
// System
var os = ua.match(/(WindowssNTs|MacsOSsXs|Androids|ipad.*soss|iphonesoss)([d._-] )/i);
browser.os = os!==null ? os[0] : false;
// モバイルかどうか
browser.mobile = ua.match(/Mobile/i)!==null ? true : false;
ブラウザに戻る;
}());