JavaScript学習メモ(6) ブラウザの種類とバージョン情報検出コード_基礎知識

以下の checkBrowser() 関数は主に 3 つのブラウザ (IE、Firefox、Chrome) を検出します。他のブラウザの検出に興味がある人は、自分で検出コードを追加できます。
HTML 部分コード: (ページのロード時に検出関数を実行)

コードをコピー コードは次のとおりです:

;

検出原理は主にブラウザのユーザーエージェントからブラウザとタイプおよびバージョン情報を抽出することに基づいていますheader nanigator.userAgent. 正規表現に詳しくない場合は、この記事 (
正規表現)

を参照してください。 コードをコピーします コードは次のとおりです。

function check(reg) {
var ug = navigator.userAgent.toLowerCase(); 🎜>return reg.test(ug);
}
function checkBrowser() {
var ug = navigator.userAgent.toLowerCase();
var userAgent = document.getElementById("userAgent") ;
userAgent .innerHTML = "ブラウザのユーザー エージェント ヘッダー:" ug;
var browserType = ""
//IE とバージョンを検出します
var IE = ug.match (/msies*d.d/); // match() メソッドは文字列ではなく配列を返すことに注意してください。
var isIE = check(/msie/); if(isIE ) {
browserType = "Internet Explorer";
ver = IE.join(" ").match(/[0-9]/g).join("."); join( first ) メソッドを文字列に変換し、match() メソッドを使用してバージョン情報を照合し、join() メソッドを使用して文字列に変換します。
}
//クロムとバージョンを検出します
var chrome = ug.match (/chrome/d.d/gi);
var isChrome = check(/chrome/)
browserType = "Chrome"; ver = chrome.join(" " ).match(/[0-9]/g).join(".");
}
//Firefox とバージョンを検出します
var firefox = ug. match(/firefox/d.d/gi );
var isFirefox = check(/firefox/);
if(isFirefox) {
browserType = "Firefox"
ver = firefox.join(" ").match(/[0 -9]/g).join(".");
}
var browser = document.getElementById("browser");
browser.innerHTML = "使用しているブラウザは次のとおりです:" browserType "バージョン: " ver;
}




追記: 各ブラウザのユーザーエージェント情報は次のとおりです:

IE:Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; BOIE9;ZHCN);
firefox:Mozilla/5.0 (Windows NT 6.1; rv:2.0) Gecko/20100101 Firefox/4.0;