Warum berücksichtigt Internet Explorer 11 bedingte Kommentare nicht, selbst wenn der Internet Explorer 8-Dokumentmodus emuliert wird?

Ich verwende die neuen Internet Explorer 11- Entwicklertools, um den Dokumentmodus auf "8" zu schalten, aber bedingte Kommentare werden weiterhin ignoriert, dh sie werden nicht ordnungsgemäß analysiert und verhalten sich wie normale Kommentare. Daher wird keine referenzierte Datei innerhalb des bedingten Kommentars vom Browser angefordert / geladen.

Warum passiert das? Ist es ein Fehler?

Wenn Sie der Meinung sind, dass dies tatsächlich ein Fehler ist, der behoben werden muss, gehen Sie hinein und sagen Sie, dass auch Sie dies im Microsoft-Fehlerbericht reproduzieren können, der für dieses Problem gemeldet wird:
Bedingte Kommentare funktionieren nicht, wenn Sie Dokumentmodi über F12 Developer emulieren Werkzeuge .

Update: Es wurde berichtet, dass dieses Problem im genannten Fehlerbericht behoben wurde.

nach zuJacob Rossi [MSFT]

Dies sollte in Update 1 für IE11 behoben werden, das letzte Woche veröffentlicht wurde .

Das wurde am 22. April 2014 veröffentlicht.

Wenn ich selbst ein paar Tests durchführe, scheint dies behoben zu sein und alles läuft wieder reibungslos, um den erstaunlichsten Browser zu testen, der jemals produziert wurde ... Internet Explorer!

Ich habe gerade versucht, dies in Internet Explorer 11 unter Windows 7 zu verwenden, um sicherzustellen, dass meine verwendeten semantischen HTML5- Elemente für Internet Explorer 8 und niedriger erstellt wurden (über bedingte Kommentare), und der Browser ignoriert sie einfach. -_-

Diese Funktion funktionierte in Internet Explorer 10 einwandfrei , und Microsoft musste nur daran basteln, nicht wahr?

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

Abgesehen davon genieße ich tatsächlich den Internet Explorer, was eine Änderung bewirkt.

Dies hat bei mir funktioniert und scheint die eleganteste / einfachste Lösung zu sein ( Internet Explorer 10 und Internet Explorer 11 sind wohl die einzigen Browser, die dies unterstützen -ms-high-contract):

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

Ich bin kürzlich auf das gleiche Problem gestoßen. Ich fand auch, dass einige bedingte Kommentare funktionieren:

• gtund hat gut ltfunktioniert
• gteund hat ltenie funktioniert

Eine mögliche Lösung wäre also, die bedingten Anweisungen zu ändern, um die Operatoren gtund zu verwenden lt.

Die andere Alternative, die ich nützlicher fand, war die Verwendung eines Dienstes wie Browserstack .

Ich habe eine andere Lösung dafür.

Internet Explorer 11 mit aktiviertem Internet Explorer 8-Kompatibilitätsmodus enthält die Zeichenfolge 'MSIE 8.0', also:

(PHP-Beispiel)

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

Ich hatte das gleiche Problem - es hat mich den ganzen Morgen verrückt gemacht. Ich habe Modernizr hinzugefügt und alle Optionen ausgewählt, einschließlich yepnope.js.

Jetzt sieht mein Test so aus:

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

In diesem Fall teste ich auf Canvas (was vor Internet Explorer 9 nicht unterstützt wurde), also lade ich meinen bedingten Inhalt. Dies funktioniert jetzt beim Wechseln des Browsermodus in den Entwicklertools von Internet Explorer 11.

Ich habe es hier nicht erwähnt gesehen, aber in diesem Fehlerbericht wird darauf hingewiesen, dass die bedingten Kommentare wie erwartet funktionieren, wenn Sie die Einstellungen für die Kompatibilitätsansicht ändern. So:

1. Klicken Sie in IE11 auf "Extras"
2. Einstellungen der Kompatibilitätsansicht
3. Geben Sie die URL ein und klicken Sie auf Hinzufügen

Scheint jetzt gut auf meinem lokalen Host zu funktionieren. Ich habe dies nicht ausführlich getestet, aber vielleicht hilft es jemandem.

Einige der bedingten Kommentare funktionieren wie ' gt' und ' lt', <!--[if IE 8]>funktionieren aber beispielsweise nicht. Dies ist sicherlich unpraktisch für Entwickler, die versuchen möchten, wie ihre Webseiten in verschiedenen Versionen von Internet Explorer-Browsern aussehen, aber es sind nicht alle schlechten Nachrichten.

Obwohl die bedingten Kommentare nicht funktionieren, können Sie testen, wie Ihre Webseite in jeder Internet Explorer-Version aussieht, indem Sie die Stylesheets einzeln anhängen: Angenommen, Sie haben ein Stylesheet für Firefox, Chrome, Internet Explorer 10 und Internet Explorer 11 mit dem Namen ' screen.css' und ein weiteres Stylesheet NUR für Internet Explorer 9 mit dem Namen ' screen-ie9.css' und ein weiteres NUR für Internet Explorer 8 mit dem Namen ' screen-ie8.css'.

So testen Sie Ihre Webseiten NUR für Internet Explorer 9:

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

und setzen Sie in den F12-Entwicklertools im Abschnitt Emulation den 'Dokumentmodus' auf '9' und die 'Benutzeragentenzeichenfolge' auf 'Internet Explorer 9'. Der Dokumentmodus ist der Standard, den Internet Explorer 9 verwendet, und die Zeichenfolge des Benutzeragenten ist der Browser selbst.

PS: Ich gehe davon aus, dass das ' screen.css' Ihr Basis-Stylesheet ist, weshalb ich es zuerst aufrufe, als die Internet Explorer 9-Korrekturen später durch Aufrufen von ' screen-ie9.css' zweitens zu "überschreiben" .

Auf diese Weise können Sie "sicher" sein (ich muss mit VMs testen, um das Wort "sicher" ohne Anführungszeichen zu schreiben), dass Sie Ihre Webseite in einem Internet Explorer 9-Browser anzeigen. Wenn Sie mit dem Testen und Stylen in Internet Explorer 9 fertig sind und mit Internet Explorer 8 testen möchten, können Sie auf einfache Weise denselben Trick ausführen, indem Sie diesen ersetzen:

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

mit diesem:

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

Es ist also nur eine Frage der geringfügigen Unannehmlichkeiten von Microsoft, ABER die neuen F12-Entwicklertools bieten VIELE erstaunliche Funktionen, was dies nicht zu einer großen Sache macht.