ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryはIEブラウザかどうかをどのように判断するのでしょうか?

jqueryはIEブラウザかどうかをどのように判断するのでしょうか?

青灯夜游
リリース: 2020-12-21 16:21:47
オリジナル
2787 人が閲覧しました

jquery では、「jQuery.browser」メソッドを使用してブラウザの種類を決定できます。このメソッドは、ユーザーが現在使用しているブラウザに関する関連情報を返し、構文「if($.browser.msie」を決定できます。 ) {/ /ie ブラウザです}"。

jqueryはIEブラウザかどうかをどのように判断するのでしょうか?

このチュートリアルの動作環境: Windows7 システム、jquery1.8 バージョン、この方法はすべてのブランドのコンピューターに適しています。

推奨チュートリアル: jquery ビデオ チュートリアル

JQuery では、jQuery.browser メソッドを使用してブラウザの種類を決定できます。このメソッドは、現在使用されているブラウザに関する関連情報を返すことができます。ユーザー。 。

パラメータ:

  • webkit ブール型は、Webkit コアを備えたブラウザであるかどうかを示します。

  • safari ブール型は、Apple Safari ブラウザであるかどうかを示します。

  • opera ブール型は Opera ブラウザであるかどうかを示します。

  • msie ブール型は、Microsoft IE ブラウザであるかどうかを示します。

  • mozilla ブール型は、Mozilla FireFox ブラウザであるかどうかを示します。

  • chrome ブール型は、Google Chrome ブラウザであるかどうかを示します。

  • version 文字列型 現在のブラウザのバージョン番号 (例: "6.0"、"7.0")。

例:

function JudgeBroswer() {
        if($.browser.msie) {
            alert("this is msie!"); //IE        
            }
        else if($.browser.safari)
        {
            alert("this is safari!"); //Safari         }
        else if($.browser.mozilla)
        {
            alert("this is mozilla!");  //Firefox        }
        else if($.browser.opera) {
            alert("this is opera");     //Opera        }
    }
ログイン後にコピー

JQuery ソース コード:

var userAgent = navigator.userAgent.toLowerCase();   
// Figure out what browser is being used
   jQuery.browser = {
    version: (userAgent.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [])[1],
    safari: /webkit/.test(userAgent),
    opera: /opera/.test(userAgent),
    msie: /msie/.test(userAgent) && !/opera/.test(userAgent),
    mozilla:/mozilla/.test(userAgent)&&!/(compatible|webkit)/.test(userAgent)
    };
ログイン後にコピー

プログラミング関連の知識の詳細については、次を参照してください: プログラミング入門! !

以上がjqueryはIEブラウザかどうかをどのように判断するのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート