ホームページ > 記事 > ウェブフロントエンド > 研究メモ: IE version_html/css_WEB-ITnose を判断する良い方法を発見する
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 の場合 1b771f47d72d900ba74308aee59557f0a9cbccc90a620a7a0f6e83bb3ca4526e IE6 以降の場合1b771f47d72d900ba74308aee59557f0
6f19602f1f01a466c14e391109614d35 IE7 以降の場合0b1e37695d54eeb536e1a8ce767a924c
a12785c922d0db0fc7d3d05a749a0c2fIE8 以降の場合1b771f47d72d900ba74308aee59557f0
a5236967004fea1d5ea03cd70454c104IE9 以降の場合0c634fb7cbed4e2dcc5a585b84a82fe4dbf5feeb0d676154b00e7fac3915442f -->IE 以外の場合