研究メモ: IE version_html/css_WEB-ITnose を判断する良い方法を発見する-htmlチュートリアル-php.cn

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

WBOY

リリース： 2016-06-24 11:36:05

オリジナル

1069 人が閲覧しました

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: 以下、条件付きバージョンを含む、条件付きバージョンより下のバージョンを選択します

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

使用法:

IE 以外の場合

参照: http:/ /baike.sogou.com/v66165627.htm