ブラウザの種類と version_javascript スキルを検出するための JavaScript コード

ブラウザとそのバージョンを検出するコード

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

getBrowser : function(){
var browser = {
msie: false、firefox: false、opera: false、safari: false、
chrome: false、netscape: false、appname : 'unknown' 、バージョン: 0
},
userAgent = window.navigator.userAgent.toLowerCase();
if ( /(msie|firefox|opera|chrome|netscape)D (d[d .]*) /.test( userAgent ) ){
browser[RegExp.$1] = true;
browser.appname = RegExp.$2; else if ( / versionD (d[d.]*).*safari/.test( userAgent ) ){ // safari
browser.safari = true;
browser.appname = 'safari';ブラウザのバージョン = RegExp.$2;
ブラウザのアプリ名を返す
}



物体/特徴の検出方法

この方法は、(ブラウザの正確なモデルではなく) ブラウザの機能を判断する一般的な方法です。ほとんどの JS 専門家は、この方法で記述されたスクリプトは将来も保証されると信じているため、このアプローチが最も適切であると考えています。

<span style="COLOR: green">//获取IE浏览器的版本号</span>

<span style="COLOR: green">//返回数值，显示IE的主版本号</span>

<span style="COLOR: blue">function </span>getIEVer() {

 <span style="COLOR: blue">var </span>ua = navigator.userAgent; <span style="COLOR: green">//获取用户端信息</span>

<span style="COLOR: green"> </span><span style="COLOR: blue">var </span>b = ua.indexOf(<span style="COLOR: #a31515">"MSIE "</span>); <span style="COLOR: green">//检测特殊字符串"MSIE "的位置</span>

<span style="COLOR: green"> </span><span style="COLOR: blue">if </span>(b <pre style="PADDING-RIGHT: 0px! important; PADDING-LEFT: 12px! important; PADDING-BOTTOM: 0px! important; MARGIN: 0em; COLOR: black; WORD-BREAK: normal; LINE-HEIGHT: 18px; PADDING-TOP: 0px! important; BACKGROUND-COLOR: #f7f7ff! important; WORD-WRAP: break-word">  <span style="COLOR: blue">return </span>0;

 }

 <span style="COLOR: blue">return </span>parseFloat(ua.substring(b + 5, ua.indexOf(<span style="COLOR: #a31515">";"</span>, b))); <span style="COLOR: green">//截取版本号字符串，并转换为数值</span>

}

ブラウザの実際の識別情報よりもブラウザの機能を重視する場合は、この方法を使用してください。

alert(getIEVer()); <span style="COLOR: green">//返回数值8(我的IE8)</span>

ユーザーエージェント文字列検出メソッド

ユーザー エージェント文字列は、ブラウザの名前やバージョンなど、Web ブラウザに関する豊富な情報を提供します。

<span style="COLOR: blue">var </span>ua = navigator.userAgent.toLowerCase(); <span style="COLOR: green">//获取用户端信息</span>

<span style="COLOR: blue">var </span>info = {

 ie: /msie/.test(ua) && !/opera/.test(ua),  <span style="COLOR: green">//匹配IE浏览器</span>

<span style="COLOR: green"> </span>op: /opera/.test(ua),  <span style="COLOR: green">//匹配Opera浏览器</span>

<span style="COLOR: green"> </span>sa: /version.*safari/.test(ua),  <span style="COLOR: green">//匹配Safari浏览器</span>

<span style="COLOR: green"> </span>ch: /chrome/.test(ua),  <span style="COLOR: green">//匹配Chrome浏览器</span>

<span style="COLOR: green"> </span>ff: /gecko/.test(ua) && !/webkit/.test(ua)  <span style="COLOR: green">//匹配Firefox浏览器</span>

};

(info.ie) && alert(<span style="COLOR: #a31515">"IE浏览器"</span>);

(info.op) && alert(<span style="COLOR: #a31515">"Opera浏览器"</span>);

(info.sa) && alert(<span style="COLOR: #a31515">"Safari浏览器"</span>);

通常、私たちが最も行うことは、それが IE であるかどうかを判断することです。他のブラウザーは通常、IE と FF に準拠するだけで済みます。

(info.ff) && alert(<span style="COLOR: #a31515">"Firefox浏览器"</span>);

(info.ch) && alert(<span style="COLOR: #a31515">"Chrome浏览器"</span>);

IE の判定は、上記の方法よりもはるかに複雑です。window.ActiveXObject、document.all など、IE の独自のメソッドを使用することもできます。通常、これらはすべてオブジェクト/機能検出メソッドを使用する必要があります。異なるブラウザで異なるスタイルを記述する場合 (IE スタイルの解析も異なるため)、これを行うことができます

<span style="COLOR: blue">var </span>isIE = (navigator.appName == <span style="COLOR: #a31515">"Microsoft Internet Explorer"</span>);

<span style="COLOR: green">//获取IE浏览器的版本号</span>

<span style="COLOR: green">//返回数值，显示IE的主版本号</span>

<span style="COLOR: blue">function </span>getIEVer() {

 <span style="COLOR: blue">var </span>ua = navigator.userAgent; <span style="COLOR: green">//获取用户端信息</span>

<span style="COLOR: green"> </span><span style="COLOR: blue">var </span>b = ua.indexOf(<span style="COLOR: #a31515">"MSIE "</span>); <span style="COLOR: green">//检测特殊字符串"MSIE "的位置</span>

<span style="COLOR: green"> </span><span style="COLOR: blue">if </span>(b <pre style="PADDING-RIGHT: 0px! important; PADDING-LEFT: 12px! important; PADDING-BOTTOM: 0px! important; MARGIN: 0em; COLOR: black; WORD-BREAK: normal; LINE-HEIGHT: 18px; PADDING-TOP: 0px! important; BACKGROUND-COLOR: #f7f7ff! important; WORD-WRAP: break-word">  <span style="COLOR: blue">return </span>0;

 }

 <span style="COLOR: blue">return </span>parseFloat(ua.substring(b + 5, ua.indexOf(<span style="COLOR: #a31515">";"</span>, b))); <span style="COLOR: green">//截取版本号字符串，并转换为数值</span>

}

オペレーティング システムの検出:

alert(getIEVer()); <span style="COLOR: green">//返回数值7</span>

<span style="COLOR: blue">var </span>isWin = (navigator.userAgent.indexOf(<span style="COLOR: #a31515">"Win"</span>) != -1); <span style="COLOR: green">//如果是Windows系统，则返回true</span>

<span style="COLOR: blue">var </span>isMac = (navigator.userAgent.indexOf(<span style="COLOR: #a31515">"Mac"</span>) != -1);  <span style="COLOR: green">//如果是Macintosh系统，则返回true</span>

記事の内容のほとんどは「JavaScript Journey」からのものです

<span style="COLOR: blue">var </span>isUnix = (navigator.userAgent.indexOf(<span style="COLOR: #a31515">"X11"</span>) != -1);  <span style="COLOR: green">//如果是Unix系统，则返回true</span>