判断原理:
JavaScript はフロントエンド開発の主な言語です。JavaScript プログラムを作成することでブラウザの種類とバージョンを決定できます。 JavaScript がブラウザの種類を判断するには、一般に 2 つの方法があります。1 つはさまざまなブラウザの固有の属性に基づくもので、もう 1 つはブラウザの userAgent 属性を分析することで判断されます。多くの場合、ブラウザの種類を値によって決定した後、互換性の問題を処理するためにブラウザのバージョンを決定する必要があります。ブラウザのバージョンは、通常、ブラウザの userAgent を分析することによってのみ知ることができます。
ブラウザの種類
⑴ ブラウザ固有の属性
⑵userAgentによると
ブラウザのバージョン
⑴userAgentによる
モバイルブラウザの判定
1. 通常のマッチングを使用してモバイル端末かどうかを判断するにはどうすればよいですか?
navigator.userAgent に文字列 AppleWebKit*****Mobile が含まれるかどうかを照合します。
Android qq ブラウザ HD バージョンには AppleWebKit のみが含まれています
2. 携帯電話の言語バージョンの判定
navigator.browserLanguage を使用して、Windows Phone の言語バージョンを取得します。
もちろん、この憎たらしい携帯電話の言語バージョンにも互換性の違いがあり、Mozilla および Apple WebKit カーネルと互換性のあるブラウザでは、その言語バージョンにアクセスすると navigator. language が表示されます。
コード:
次のようにコードをコピーします。
<script type="text/javascript">
var ブラウザ={
バージョン:function(){
var u = navigator.userAgent、app = navigator.appVersion;
return { //モバイル端末のブラウザのバージョン情報
trident: u.indexOf('Trident') > -1, //IE カーネル
presto: u.indexOf('Presto') > -1, //オペラ カーネル
webKit: u.indexOf('AppleWebKit') > -1, //Apple、Google カーネル
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //Firefox カーネル
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //モバイル端末かどうか
ios: !!u.match(//(i[^;]+;( U;)? CPU.+Mac OS X/), //ios ターミナル
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android 端末または uc ブラウザ
iPhone: u.indexOf('iPhone') > -1 , //iPhone か QQHD ブラウザか
iPad: u.indexOf('iPad') > -1, //iPad かどうか
webApp: u.indexOf('Safari') == -1 //Web はヘッダーとボトムのないプログラムであるべきかどうか
};
}()、
language:(navigator.browserLanguage || navigator. language).toLowerCase()
}
document.writeln("言語バージョン: "+ブラウザ.言語);
document.writeln(" モバイル端末かどうか: "+browser.versions.mobile);
document.writeln(" ios ターミナル: "+browser.versions.ios);
document.writeln(" Android ターミナル: "+browser.versions.android);
document.writeln(" iPhone かどうか: "+browser.versions.iPhone);
document.writeln(" iPad かどうか: "+browser.versions.iPad);
document.writeln(navigator.userAgent);
</script>
かなり特別な場所
UC Browser は Android ヘッダを持たず、linux のみを返します。ここでは Linux ベースの Android であると大まかに判断します (前提条件は UC が満足するモバイル端末である必要があります)。
Android QQ Browser HD版の検出結果はMac、Safariです。