JavaScriptは、JavaScriptプログラムを作成することにより、ブラウザのタイプとバージョンを判断することができます。一般に、JavaScriptにはブラウザの種類を判断する方法は2つあります。この記事では、ブラウザのそれぞれのユーザーエージェントの特性を分析し、判断方法を示します。
Windowsオペレーティングシステムブラウザシリーズ:
IEブラウザシリーズ:
特性:すべて「Mozilla/」から始まり、「MSIE X.0」のXから始まります。
判断方法:「Msie X.0;」のみを検索できます。
WindowsのFirefox:
機能:「Windows NT」、「Gecko/」、「Firefox/」を含む「Mozilla/x.0」から始めます。
判断方法:大まかな判断のために、「Firefox/」と「Windows NT」文字列のみを取得できます。 Firefox/";
Windows用のChrome:
機能:「Windows NT」、「Chrome/」を含む「Mozilla/X.0」から始めて、「AppleWebkit/」、「Safari/」を含む。
判断方法:大まかに判断すると、「Windows NT」と「Chrome/」文字列のみを検索でき、厳密に判断することができます。 /"5文字列;
Windowsのオペラ:
特性:「Opera/」から始めて、「Windows NT」、「Presto/」文字列を含む。
判断方法:「Windows NT」と「Opera/」文字列を検索し、「Opera/」、「Windows NT」、「Presto/」を同時に検索することを厳密に判断することのみを大まかに判断します。
WindowsのSafari:
特性:「Mozilla/」から始めて、「Windows NT」、「AppleWebkit/」、「Safari/」を含みます。
判断方法:「Windows NT」、「Safari/」を検索することができます。 /「しかし」chrome/"は含まれていません。
概要:Windowsオペレーティングシステムのブラウザユーザーエージェントには、Windowsオペレーティングシステムを表す「Windows NT」文字列が含まれています。
iPhoneプラットフォームブラウザシリーズ:
iPhoneにはsafariが付属しています:
特性:「Mozilla/」で始まり、「iPhone」文字列が含まれており、「モバイル/」、「safari/」文字列も含まれています。
判断方法:「iPhone」と「Safari/」文字列のみを検索していることを判断します。
iPhone用のオペラモバイル:
特性:「Opera/」から始まり、「iPhone」文字列が含まれており、「Opera Mini/」、「Presto/」文字列も含まれています。
判断方法:「iPhone」と「Opera/」文字列のみを検索します。
概要:iPhone電話のブラウザユーザーエージェントには「iPhone」文字列が含まれています
Androidプラットフォームブラウザシリーズ:
Androidにはブラウザが付属しています(一部の人々はそれが単なるChromeだと言いますが、Googleは声明を出さず、Androidで実行している電話のChromeを開発しています):
特性:「Mozilla/」から始まり、「Android」および「Linux」文字列が含まれ、「AppleWebkit/」、「Mobile Safari/」文字列も含まれます。
判断方法:将来Androidに独立したSafariがあるかどうかはわからないので(そうしないと思います)、厳格な判断を直接行い、「Mozilla/」、「Android」、「」を検索することをお勧めします。 Linux "、" Applewebkit/"、" Mobile Safari/"5文字列
Android用オペラモバイル:
特性:「Opera/」から始まり、「Android」および「Linux」文字列が含まれ、「Opera Mobi/」、「Presto/」文字列も含まれます。
判断方法:「Android」と「Opera/」を大まかに検索するだけで、厳密に裁判官は「Opera/」、「Android」、「Linux」、「Opera Mobi/」、「Presto/」の両方を含める必要があります。
AndroidのFirefox:
特性:「Mozilla/」から始まり、「Android」および「Linux」文字列を含み、「Firefox/」、「Gecko/」、「Fennec/」文字列を含む。
判断方法:「Android」と「Firefox/」の大まかな裁判官のみが検索され、厳密に裁判官は、「Mozilla/」、「Android」、「Linux」、「Firefox/」、「Gecko/」、「Fennec/」の両方を含める必要があります。文字列
概要:Androidプラットフォーム上のブラウザユーザーエージェントには、「Android」および「Linux」文字列が含まれています
Windows、iPhone、Androidの3つの主要なプラットフォームの主流ブラウザの上記の分析は、基本的に終了しています。 iPhoneプラットフォームに似ているので、当面は分析を行いません。テストするデバイスやオペレーティングシステムがあまりないので、将来それを補うことができることを願っています。
現在のウェブサイトの製品開発要件は、コンピューターの閲覧を満たす必要があるだけでなく、ユーザーのスマートフォンに会う必要があるため、以前とは異なります(ここでは、iPhone、Android、Windows Phone、Nichesなどの実際のスマートフォンのみを参照してください。 BlackBerryやPalmなど、半intelligentシステムは、擬似intelligent Symbianのように、それで遊びましょう。ブラウザユーザーエージェントに基づいてユーザー機器を判断します。
1.オペレーティングシステムを判断する必要がある場合、この方法は比較的簡単です。
「Windows NT」が含まれています。NT後のバージョン番号がOSバージョンを決定できることは明らかです。
「Mac」を含むシステム:AppleのMac OS Xまたはその他のMac OSカーネル。
「iPhone」が含まれています。AppleiPhoneの携帯電話専用であり、一般的に「Mac」も含める必要があります。
「iPad」:Apple iPadタブレットが含まれています(情報は、iPadブラウザーユーザーエージェントに「Mac」、「iPhone」、「iPad」も含まれていることを示しています);
「Linux」:Linux Operating SystemまたはLinuxを使用したその他のオペレーティングシステムがカーネルとして含まれています。
「Android」が含まれています。GoogleのAndroidオペレーティングシステムは、スマートフォンまたはAndroidバージョンのタブレットである場合があります。
3つのうちの1つが含まれています。UNIXシステムですが、実際、このシステムのユーザーエクスペリエンスの問題は、考慮する必要はほとんどありません。
「ubuntu」を含むLinux:ubuntuカスタマイズされたバージョン
...
また、オペレーティングシステムとそのバージョンを判断することは常に役立つとは限らないことがわかりましたが、iPhone、iPad、Androidなどのデバイスの画面解像度を具体的にターゲットにするページの開発など、常に使用できる場所が常にあります。
2。ブラウザのカーネルを自分で理解したことは正しくないかもしれません。
IE(Trident)カーネル(IEのMac、Ies4linuxなど、Windowsのみを考慮してください):「Mozilla/」で開始し、「Windows NT」と「MSIE」文字列を含む。
Firefox(Gecko)Kernel:「Mozilla/」から始めて、「Firefox/」と「Gecko/」文字列が含まれています。
Opera()Kernel:「Opera/」から始まり、「Presto/」文字列が含まれています。iPhoneバージョンには「Opera Mini/」もあり、Androidバージョンには「Opera Mobi/」もあります。
WebKitカーネル:「Mozilla/」から始めて、「AppleWebkit/」と「Safari/」の文字列が含まれており、「Chrome/」を備えたChromeブラウザはSafariなどのないものです。
上記はメインブラウザカーネルです
ブラウザは、互換性を解決するための重要な問題ですもちろん、同じカーネルは、スマートフォンやコンピューターなどのさまざまなデバイスで結果をレンダリングします。これも注意する必要があります。
3.ブラウザの実際のアプリケーションの例USEAGENT:
さまざまなブラウザは、jqueryとextjsがすでに互換性があるものの、さまざまなレンダリング効果を持っていますが、この時点では、ブラウザーカーネルを別々に判断する必要があります。
ユーザーは、スマートフォンの人気が高まっているため、インターネットにアクセスするために人気が高まっているだけではありません。タブレットは大規模で高分解能を持っています。あなたは正しいですか?結局のところ、現時点では、ローカルのズームとドラッグを介してWebページを視聴することは非常に不快です。アクセスをスピードアップします。
顧客ブラウザの種類を審査し、顧客の数を記録して顧客エクスペリエンスを個別に改善することにより、訪問者のトラフィック分析を行い、独自のウェブサイトを最適化して設計します
コードコピーは次のとおりです。
<script type = "text/javascript">
var sys = {};
var ua = navigator.useragent.tolowercase();
var s;
(s = ua.match(/msie([/d.]+))?
(s = ua.match(/firefox //([/d。]+)/)?
(s = ua.match(/chrome //([/d。]+)/)?
(s = ua.match(/opera。([/d。]+)/)?
(s = ua.match(/version //([/d。]+)。*safari/)?
//次のテスト
if(sys.ie)document.write( 'ie:' + sys.ie);
if(sys.firefox)document.write( 'firefox:' + sys.firefox);
if(sys.chrome)document.write( 'chrome:' + sys.chrome);
if(sys.opera)document.write( 'opera:' + sys.opera);
if(sys.safari)document.write( 'safari:' + sys.safari);
</script>
または:
Kindeditorオープンソースエディターソースコードでブラウザを検出する方法:
ke = {};
ke.Browser =(function(){
var ua = navigator.useragent.tolowercase();
戻る {
バージョン:ua.match(/(msie | firefox | webkit | opera)[//:/s](/d+)/)?
IE:(ua.indexof( "msie")> -1 && ua.indexof( "opera")== -1)、
Gecko:(ua.indexof( "gecko")> -1 && ua.indexof( "khtml")== -1)、
webkit:(ua.indexof( "applewebkit")> -1)、
オペラ:(ua.indexof( "Opera")> -1)
};
})();