ホームページ  >  記事  >  ウェブフロントエンド  >  研究メモ: IE version_html/css_WEB-ITnose を判断する良い方法を発見する

研究メモ: IE version_html/css_WEB-ITnose を判断する良い方法を発見する

WBOY
WBOYオリジナル
2016-06-24 11:36:051022ブラウズ

Web 開発では、ブラウザーの互換性の問題、特に IE の互換性の問題に直面する必要があります。フロントエンド コードでは、多くの場合、互換性のある形式を処理する必要があります。この問題を解決するために、ブラウザのバージョンを識別する方法をオンラインで検索しました。

通常の js メソッド

さまざまなブラウザのバージョンを識別できる悪くないメソッドを見つけました:

/** * 获取浏览器版本 * @returns {Array} */function browserVersion() {    ua = navigator.userAgent;    ua = ua.toLocaleLowerCase();     if (ua.match(/msie/) != null || ua.match(/trident/) != null) {        browserType = "IE";        //哈哈,现在可以检测ie11.0了!        browserVersion = ua.match(/msie ([\d.]+)/) != null ? ua.match(/msie ([\d.]+)/)[1] : ua.match(/rv:([\d.]+)/)[1];    } else if (ua.match(/firefox/) != null) {        browserType = "火狐";    } else if (ua.match(/opera/) != null) {        browserType = "欧朋";    } else if (ua.match(/chrome/) != null) {        browserType = "谷歌";    } else if (ua.match(/safari/) != null) {        browserType = "Safari";    }    var arr = new Array(browserType, browserVersion);    return arr;}

コード内で直接使用するのも比較的簡単です。

IE の条件付きコメント

偶然、Wangjin Society のフロントエンド コードを見て、非常に特別なコメントを見つけました:

コードを見ると、これは少し魔法のように思えます。しかし、表示がコメント文だったので、試してみようという気持ちでブラウザを下位バージョンのIEに切り替えてみたところ、見事に動作しました。私はすぐにこれに関する情報をオンラインで探し始めました。いくつかの使用方法があり、実際に実行可能な解決策であるようです。

条件付きコメント属性:

gt: より大きい、条件付きバージョンを除く、条件付きバージョンより上のバージョンを選択します

lt: 未満、条件付きバージョンを除く、条件付きバージョンより下のバージョンを選択します

gte: 以上、条件付きバージョンを含む、条件付きバージョンより上のバージョンを選択します

lte: 以下、条件付きバージョンを含む、条件付きバージョンより下のバージョンを選択します

: を除くすべてのバージョンを選択します。高低に関係なく、条件付きバージョン

使用法:

f4f271a6b5b020c407925bcf0f27c445IE の場合 1b771f47d72d900ba74308aee59557f0

0cd129f66ba719baccbee4a67f0b9626IE6 の場合 60453962d656d01b50acc4a3185457fa

6f19602f1f01a466c14e391109614d35IE7 の場合 1b771f47d72d900ba74308aee59557f0

266c419352a525843049eb7155ebf872IE8 の場合 365479cd1a593fd7259a0d26b86e81d9

a5236967004fea1d5ea03cd70454c104IE9 の場合 1b771f47d72d900ba74308aee59557f0

a9cbccc90a620a7a0f6e83bb3ca4526e IE6 以降の場合1b771f47d72d900ba74308aee59557f0

6f19602f1f01a466c14e391109614d35 IE7 以降の場合0b1e37695d54eeb536e1a8ce767a924c

a12785c922d0db0fc7d3d05a749a0c2fIE8 以降の場合1b771f47d72d900ba74308aee59557f0

a5236967004fea1d5ea03cd70454c104IE9 以降の場合0c634fb7cbed4e2dcc5a585b84a82fe4

dbf5feeb0d676154b00e7fac3915442f -->IE 以外の場合