ホームページ ウェブフロントエンド jsチュートリアル ブラウザの種類とバージョンを決定する JS の詳細な例

ブラウザの種類とバージョンを決定する JS の詳細な例

Jun 28, 2017 pm 02:48 PM
firefox ie javascript webkit 判断 フレーム ブラウザ

[javascript] プレーンコピーを表示

今日は JS を使用してブラウザタイプなので、後で使いやすいように体系的に整理しました。

[javascript] view plain copy

/*

* 説明: ブラウザ情報の決定

* 作成者: LittleQiang_w

* 日付: 2016.1.5

* バージョン : V1.1

***/ var isOpera = userAgent.indexOf("Opera ") > -1; // Opera ブラウザかどうかを判断します

var isIE = userAgent.indexOf("compatibility") > ") > -1 && !isOpera; // IE ブラウザかどうかを判断します

var isEdge = userAgent.indexOf("Windows NT 6.1; Trident/7.0;") > -1 && !isIE; // 判断しますIE Edge ブラウザかどうか

var isFF = userAgent.indexOf ("Firefox") > Firefox ブラウザかどうかを判断します

var isSafari = userAgent.indexOf("Safari") > userAgent.indexOf("Chrome") == -1; // Safari ブラウザ

が Chrome = userAgent.indexOf("Chrome") > userAgent.indexOf("Safari") > であるかどうかを判断します。 // Chromeブラウザの決定

if(isie)fieversion = parsefloat(regexp ["$ 1"]); ‐ ‐ ‐ ‐ ‐ ‐‐‐‐‐ "IE9";} "Else if (fieversion == 10) {Return" IE10 ";}

Else If (FIEVERSION == 11) {RETURN" IE11 "; "0 "}//IE のバージョンが低すぎます

IE バージョン }

if (isSafari ) { return "Safari";}

if (isChrome) { return "Chrome";}

if (isEdge) { return "Edge";}

}//myBrowser() end

// IE ブラウザかどうかを判定

function isIE ()

{

var userAgent = navigator.userAgent; // ブラウザの userAgent 文字列を取得します

var isIE = userAgent.indexOf("compatibility") > - 1 && !isOpera // IE ブラウザかどうかを判断します

;

}

//Edge ブラウザを含む IE ブラウザであるかどうかを判断します

function IEVersion()

{

var userAgent = navigator.userAgent; // ブラウザの userAgent 文字列を取得します

var isIE = userAgent.indexOf("MSIE") > /IE ブラウザであるかどうかを判断する

var isEdge = userAgent.indexOf(" Windows NT 6.1; Trident/7.0;") > -1 && !isIE // IE が Edge ブラウザであるかどうかを判断する

if(isIE; )

var reIE = new RegExp("MSIE (\d+\ .\d+);")

reIE.test(userAgent);

var fIEVersion("$1"]); (fieversion == 7)

elles if(fieversion == 8)return "IE9";} //IE のバージョンが低すぎます

}

else if (ISEDGE) {{

"Edge" を返します

}

else

{

Return "-1"; // 非 ie }}

テストの上にあるコードを渡してください。利用可能です!

ただし、現時点では IE5 と IE7 ブラウザを区別できないという問題があります。以下は IE5 と IE7 での userAgent の情報です。userAgent を通じて、単純に上記の方法で IE5 と IE7 が認識されることがわかります。正しく区別できません。この問題の解決を楽しみにしています! ! !

IE5: userAgent "Mozilla/4.0 (互換性; MSIE 7.0; Windows NT 6.1; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0 ; .NET4.0C; InfoPath.2; .NET4.0E)"

IE7: userAgent "Mozilla/4.0 (互換性; MSIE 7.0; Windows NT 6.1; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; InfoPath.2;

以上がブラウザの種類とバージョンを決定する JS の詳細な例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

CSSを介してサイズ変更シンボルをカスタマイズし、背景色で均一にする方法は? CSSを介してサイズ変更シンボルをカスタマイズし、背景色で均一にする方法は? Apr 05, 2025 pm 02:30 PM

CSSでサイズ変更シンボルをカスタマイズする方法は、背景色で統一されています。毎日の開発では、調整など、ユーザーインターフェイスの詳細をカスタマイズする必要がある状況に遭遇することがよくあります...

Webページにローカルにインストールされている「Jingnan Mai Round Body」を正しく表示するにはどうすればよいですか? Webページにローカルにインストールされている「Jingnan Mai Round Body」を正しく表示するにはどうすればよいですか? Apr 05, 2025 pm 10:33 PM

最近、Webページにローカルにインストールされたフォントファイルを使用して、インターネットから無料のフォントをダウンロードし、システムに正常にインストールしました。今...

カスタムスタイルのシートは、SafariのローカルWebページでバイドゥページでは効果を発揮できないのはなぜですか? カスタムスタイルのシートは、SafariのローカルWebページでバイドゥページでは効果を発揮できないのはなぜですか? Apr 05, 2025 pm 05:15 PM

Safariでカスタムスタイルシートを使用することについてのディスカッション今日は、Safariブラウザ向けのカスタムスタイルシートのアプリケーションに関する質問について説明します。フロントエンド初心者...

ネガティブマージンが場合によっては効果がないのはなぜですか?この問題を解決する方法は? ネガティブマージンが場合によっては効果がないのはなぜですか?この問題を解決する方法は? Apr 05, 2025 pm 10:18 PM

なぜマイナスマージンが場合によっては有効にならないのですか?プログラミング中、CSSの負のマージン(負...

Webページにローカルにインストールされたフォントファイルを使用する方法は? Webページにローカルにインストールされたフォントファイルを使用する方法は? Apr 05, 2025 pm 10:57 PM

Webページにローカルにインストールされたフォントファイルを使用する方法Webページ開発でこの状況に遭遇しましたか:コンピューターにフォントをインストールしました...

フレックスレイアウトの下のテキストは省略されていますが、コンテナは開かれていますか?それを解決する方法は? フレックスレイアウトの下のテキストは省略されていますが、コンテナは開かれていますか?それを解決する方法は? Apr 05, 2025 pm 11:00 PM

フレックスレイアウトとソリューションの下でのテキストの過度の省略によるコンテナの開口部の問題が使用されます...

JavaScriptまたはCSSを介してブラウザ印刷設定でページの上部と終了を制御する方法は? JavaScriptまたはCSSを介してブラウザ印刷設定でページの上部と終了を制御する方法は? Apr 05, 2025 pm 10:39 PM

JavaScriptまたはCSSを使用して、ブラウザの印刷設定のページの上部と端を制御する方法。ブラウザの印刷設定には、ディスプレイが...

CSSとFlexBoxを使用して、さまざまな画面サイズで画像とテキストのレスポンシブレイアウトを実装する方法は? CSSとFlexBoxを使用して、さまざまな画面サイズで画像とテキストのレスポンシブレイアウトを実装する方法は? Apr 05, 2025 pm 06:06 PM

CSSを使用してレスポンシブレイアウトを実装して、Webデザインのさまざまな画面サイズの下でレイアウトの変更を実装する場合、CSS ...

See all articles