Internet Explorer 8のドキュメントモードをエミュレートしても、Internet Explorer 11が条件付きコメントを受け入れないのはなぜですか？

新しいInternet Explorer 11開発者ツールを使用してドキュメントモードを「8」に切り替えていますが、条件付きコメントは無視されます。つまり、コメントは適切に解析されず、通常のコメントのように動作します。したがって、条件付きコメント内の参照ファイルは、ブラウザーによって要求/ロードされません。

なぜこれが起こるのですか？バグですか？

これが実際に修正が必要なバグだと思われる場合は、この問題について報告されているMicrosoftバグレポートで再現できると伝えて
ください。F12Developerを介してドキュメントモードをエミュレートすると、条件付きコメントが機能しませんツール。

更新：この問題は、前述のバグレポートで修正されていることが報告されています。

によるとJacob Rossi [MSFT]

これは、先週リリースされたIE11のアップデート1で修正されるはずです。

それは2014年4月22日に投稿されました。

自分でいくつかのテストを実行したところ、これは修正されたようであり、すべてがこれまでに作成された最も素晴らしいブラウザをテストするために再びスムーズに実行されています... Internet Explorer！

これをWindows 7のInternet Explorer 11で使用して、使用したHTML5セマンティック要素がInternet Explorer 8以下用に（条件付きコメントを介して）作成されていることを確認しました。ブラウザーはそれらを無視します。-_-

この機能はInternet Explorer 10で完全に正常に機能し、Microsoftはそれをいじる必要がありましたね。

<!--[if lte IE 8]><script src="ie8-html5.js"></script><![endif]-->

これとは別に、私は実際にInternet Explorerを楽しんでいます。

これは私にとってはうまくいき、最もエレガントで簡単な修正のようです（Internet Explorer 10とInternet Explorer 11だけが、サポートしているブラウザだと思います-ms-high-contract）。

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */
}

最近、同じ問題に遭遇しました。また、いくつかの条件付きコメントが機能することもわかりました。

• gtそして、lt罰金を働きました
• gteそして、lte働いたことはありません

したがって、1つの潜在的な解決策は、条件演算子を変更してgtand lt演算子を使用することです。

私がもっと便利だと思ったもう1つの方法は、browserstackのようなサービスを使用することでした。

これには別の解決策があります。

Internet Explorer 8互換モードがオンになっているInternet Explorer 11には、文字列「MSIE 8.0」が含まれているため、次のようになります。

（PHPの例）

if (strpos($_SERVER['HTTP_USER_AGENT'],'MSIE 8.0') !== false) {
    $head[] = sprintf('<link rel="stylesheet" href="ie8.css" />');
}

私は同じ問題を抱えていました-それは私に一朝一夕を過ごしました。Modernizrを追加し、yepnope.jsを含むすべてのオプションを選択しました。

だから今私のテストは次のようになります：

Modernizr.load({
            test: Modernizr.canvas,
            nope: ['Content/Site-ie-8.min.css', 'Content/font-awesome-ie7.min.css']
});

この場合、キャンバス（Internet Explorer 9より前ではサポートされていません）をテストするため、条件付きコンテンツをロードします。これは、Internet Explorer 11開発者ツールでブラウザーモードを切り替えるときに機能するようになりました。

ここでは言及していませんが、このバグレポートでは、互換表示設定を変更すると、条件付きコメントが期待どおりに機能することがわかりました。そう：

1. IE11で、[ツール]をクリックします
2. 互換表示設定
3. URLを入力して[追加]をクリックします

私のローカルホストで今はうまく機能しているようです。私はこれを広範囲にテストしていませんが、多分それは誰かを助けるでしょう。

' gt'や ' lt' などの条件付きコメントの一部は機能していますが、たとえば機能し <!--[if IE 8]>ていません。これは、さまざまなバージョンのInternet ExplorerブラウザーでWebページがどのように表示されるかを試してみたい開発者にとって確かに不便ですが、すべてが悪いニュースであるとは限りません。

条件付きコメントは機能していませんが、スタイルシートを1つずつ追加することで、Internet Explorerの各バージョンでWebページがどのように表示されるかをテストできます。Firefox、Chrome、Internet Explorer 10、およびInternet Explorerのスタイルシートがあるとしましょう11は「screen.css」と呼ばれ、別のスタイルシートは「screen-ie9.css」と呼ばれるInternet Explorer 9専用で、もう1つは「」と呼ばれるInternet Explorer 8専用screen-ie8.cssです。

Internet Explorer 9でのみWebページをテストするには、次のようにします。

<link rel="stylesheet" href="path/css/screen.css"     type="text/css" />
<link rel="stylesheet" href="path/css/screen-ie9.css" type="text/css" />

F12開発者ツールのエミュレーションセクションで、「ドキュメントモード」を「9」に、「ユーザーエージェント文字列」を「Internet Explorer 9」に設定します。ドキュメントモードはInternet Explorer 9が使用する標準であり、ユーザーエージェント文字列はブラウザー自体です。

PS：私は、 ' screen.css'がベーススタイルシートであると想定しています。これが、後で呼び出すことでInternet Explorer 9が修正する「上書き」よりも先に呼び出す理由です 'screen-ie9.css ' 2番目を。

これにより、Internet Explorer 9ブラウザーでWebページを表示していることを確認できます（引用符なしで「確認」という言葉を書くには、VMでテストする必要があります）。Internet Explorer 9でのテストとスタイル設定が完了し、Internet Explorer 8でテストしたい場合は、これを置き換えることで同じトリックを簡単に実行できます。

<link rel="stylesheet" href="path/css/screen-ie9.css" type="text/css" />

これとともに：

<link rel="stylesheet" href="path/css/screen-ie8.css" type="text/css" />

ですから、Microsoft側の不便さの問題ですが、新しいF12開発者のツールは驚くべき機能をたくさん提供しているので、それほど大したことではありません。