JSは、userAgent属性を分析してブラウザのタイプとバージョンを判断します。


JavaScriptは先端に開発された主要言語であり、JavaScriptプログラムを作成することによってブラウザの種類とバージョンを判断することができます。JavaScriptはブラウザのタイプを判断するには、一般的に2つの方法があります。一つは各種ブラウザの独自の属性によって識別し、もう一つはブラウザのuserAgent属性を分析することによって判断します。本文はブラウザのそれぞれのuserAgentの特徴を分析して、判断方法を提供します。Windows OSブラウザシリーズ:IEブラウザシリーズ:特徴表現:皆「mozila/」で始まり、「msie x.0;」のxはそのバージョンを表します。判断方法:大まかな判断は「msie x.0;」のみ検索できます。文字列でいいです。厳密な判断で「mozila/x.0」を検索できます。msie x.0;Windows版Firefox:特徴表現:「mozara/x.0」で始まる、「windows nt」を含みます。判断方法:大まかな判断は「firefox/」と「windows nt」の文字列だけを検索できます。厳密な判断は「mozara/」、「windows nt」、「gecko/」、「firefox/」の4文字列を検索できます。Windows版Chrome:特徴表現:「mozela/x.0」で始まり、「windows nt」、「chrome/」を含み、同時に「appebkit/」、「safari/」を含みます。判断方法:ざっと判断すれば、「windows nt」と「chrome/」の文字列だけを検索することができます。厳密な判断は「mozara/」、「windows nt」、「appebkit/」、「safari/」、「chrome/」の5文字列を同時に検索することができます。Windows版Opera:特徴表現:「opera/」で始まり、「windows nt」、「presto/」文字列を含みます。判断方法:ざっと判断して、「windows nt」と「opera/」の文字列だけを検索し、厳密な判断と同時に「opera/」、「windows nt」と「presto/」を検索します。Windows版Safari:特徴表現:「mozela/」で始まると同時に「windows nt」、「appebkit/」、「safari/」が含まれます。判断方法:ざっと判断すれば、「windows nt」、「safari/」は同時に「chrome/」を含まず、厳密な判断には「mozila/」、「windows nt」、「appebkit/」、「safari/」が必要ですが、「chrome/」は含まれていません。结末:Windows OS上のブラウザであるuserAgentは、「windows nt」文字列を含んで、windows OSを特徴づける。iPhoneプラットフォームブラウザシリーズ:iPhoneはsafariを持参しています。特徴表現:「mozila/」で始まると、「iphone」の文字列が含まれています。また、「mobile/」「safari/」の文字列も含まれています。判断方法:「iphone」と「safari/」だけを検索すると、厳密な判断は「mozila/」、「iphone」、「mobile/」、「safari/」の4文字列iPhone版Opera Mobile:特徴表現:「opera/」で始まり、「iphone」文字列を含み、「opera mini/presto」文字列を含む。判断方法:「iphone」と「opera/」の文字列だけを検索すると、厳密な判断は「opera/」、「iphone」、「opera mini/」、「presto/」の4文字列を同時に含む。また、Androidで実行されるChrome to Phoneを開発しています。特徴的な表現は、「mozila/」で始まり、「Android」と「linux」の文字列を含み、「appebkit/」、「mobile safari/」の文字列を含みます。判断方法:Androidでは将来独立したsafariがあるかどうかは分かりませんので、直接に厳密に判断して、「mozila/」、「android」、「linux」、「appebkit/」、「mobile safari/」の5文字列Android版Opera Mobileを検索することをお勧めします。「presto/」文字列判断方法:「Android」と「opera/」だけを検索し、厳密な判断は「opera/」、「android」、「linux」、「opera mobi/」、「presto/」の5文字列Android版Firefoxを同時に含む。特徴表現:「mozila/」の先頭に「and fidy/forefollx」が含まれています。判断方法:「android」と「firefox/」だけを検索すると、厳密な判断は「mozila/」、「android」、「linux」、「firefox/」、「gecko/」、「fennec/」の6文字列の末尾に「Androidプラットフォーム上のブラウザーuserAgent」、「Android」の基本的な解析は「Android」、「windid」の3文字列を含みます。他のプラットフォームのlinuxは少なくともAndroidプラットフォームと似ていると思います。Mac OSを採用したiPadとマッキントッシュはiphoneプラットフォームと似ているはずです。ですから、しばらく解析をしないでください。現在のウェブサイトの製品開発要求は以前とはまた違っています。パソコンの閲覧だけでなく、スマートフォン(ここではiphone、android、windows phoneなどの本格的なスマートフォン、blackberry、palmなどの小衆半スマートシステムはしばらく考慮しないでください。smbianという疑似知能システムは、これらの3つの代表的なプラットフォームを通じて、ブラウザuserAgentによってユーザ機器の解決策を判断することができると推測されます。1、オペレーティングシステムを判断する必要があるなら、方法は比較的簡単で、userAgentの中で以下の文字列を検索します。「windows nt」を含みます。分かりました。windowsオペレーティングシステム、ntの後のバージョン番号はOSバージョンを判断できます。「mac」を含みます。アップルのMac OS Xまたは他のMac OSカーネルのシステムです。「iphone」を含みます。アップルのiphone専用の携帯電話は、一般的に「mac」を含むべきです。「ipad」を含む:アップルiPadタブレット(iPadのブラウザであるuserAgentには「mac」、「iphone」、「ipad」が含まれています。)「linux」を含む:Linuxオペレーティングシステムまたは他のLinuxをカーネルとするオペレーティングシステム。「Android」を含んでいます。GoogleのAndroid OS OSは、スマートフォンかもしれません。Android版のタブレットコンピュータかもしれません。普通はAndroidプラットフォームのuserAgentにも「linux」が含まれています。「unix」、「sunos」、「bsd」の3つを含む:Unixシステム、実はこのシステムのユーザー体験問題については、今はほとんど考慮しなくてもいいです。「uuntu」を含む:uuntuカスタム版のlinux…見ました。オペレーティングシステムとバージョンはずっと役に立ちません。しかし、いつも使えるところがあります。例えば、iphone、ipad、androidなどのデバイスの画面解像度に特化したページを開発します。全部正しいとは限らないです。IEのカーネル(IE for Mac、IEs 4 Linuxなどはもちろん、windowsの下のものだけを考えます。):「mozilla/」で始まると、「windows nt」と「msie」の文字列が含まれます。Firefox(Gecko)カーネル:「mozila/」で始まり、「firefox/」と「gecko/」の文字列が含まれているのはつまり、Android版はまだ「fennec/」の文字列があります。Opera()カーネル:「opera/」で始まる「presto/」の文字列が含まれています。iphone版には「opera mini/」が付いています。Android版にも「opera mobi/」があります。Webkitカーネル:「mozila/」で始まると、「appebkit/」と「safari/」の文字列が含まれています。その中に「chrome/」が付いているのはChromeブラウザです。持たないのはSafariまたは他です。以上が主要なブラウザのカーネルを確認しました。互換性の問題を解決するための鍵となります。しかし、この互換性の問題はすでにjQueryとExtjsなどのフレームがあります。そのため、この判断は個別ページのCSSスタイルに対してのみ異なるカーネルレンダリング効果で使用されます。もちろんです。同じカーネルでも、スマートフォンやパソコンなどのデバイスによって描画結果が異なりますので、注意が必要です。3、ブラウザのuseAgentの実際の応用例を判断します。異なるブラウザのカーネルはページに対するレンダリング効果が違っています。jQueryやExtjsなどの対応ができましたが、まだ細かい差異があります。単独で処理する必要があります。ユーザーはパソコンを通じてサイトにアクセスするだけでなく、スマートフォンの普及とともに、タブレット型パソコンの普及が進んでいます。この二つを使ってインターネットを利用する割合はますます高くなりました。どうすればいいですか?タブレットは大丈夫です。スクリーンの大解像度が高く、スマートフォンは彼のスクリーンサイズと解像度に制限されています。強力な処理能力がありますが、既存のウェブサイトを完璧にサポートすることもできます。結局、ローカルスケーリングを通じてドラッグしてウェブページを見るのはとても不便です。この時、私達はiPhone、androidのような狭いスクリーンに専用バージョンを提供して配置します。閲覧体験を向上させるために、インターネットの流量を下げて、アクセス速度を速めます。訪問者の流量分析を行い、顧客ブラウザの種類を判断し、その数を記録することにより、自分のウェブサイトを最適化し、それぞれの顧客体験を向上させる。