Wie kann ich den "Browser-Modus" in IE11 wiederherstellen?

132

UPDATE : Die alte Frage gilt nur für die IE11-Vorschau. Der Browsermodus war in der endgültigen Version von IE11 zurückgekehrt. Aber es gibt einen Haken: Es ist so gut wie nutzlos, weil es keine bedingten Kommentare emuliert. Wenn Sie sie beispielsweise verwenden, um die HTML5-Unterstützung in älteren IEs zu aktivieren, können Sie Ihre Site in IE11 nicht mehr debuggen.

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

Lesen Sie eine weitere Frage zu StackOverflow und zum IE- Bug-Tracker . Microsoft hat darauf nie reagiert. Es sieht also so aus, als hätten sie diesen Fehler absichtlich eingeführt, um die Leute dazu zu bringen, BrowserStack-Abonnements zu kaufen. Die bedingte Kommentaremulation funktionierte in der Vorschau-Version einwandfrei.

URSPRÜNGLICHE FRAGE : Wenn die IE11-Vorschau unter Windows 7 installiert ist, wird sie mit dem altmodischen F12-Tool geliefert, mit dem Sie den Browsermodus ändern können. Geben Sie hier die Bildbeschreibung ein

Wenn Sie jedoch zum Menü "Extras" gehen und das Entwicklertool "F12" auswählen, wird es durch neue Entwicklertools ersetzt, und der "Browsermodus" ist nicht mehr verfügbar. Geben Sie hier die Bildbeschreibung ein

Die einzige Möglichkeit, es zurückzubringen, besteht darin, IE11 zu deinstallieren und neu zu installieren.

Gibt es eine einfachere Möglichkeit, in IE11 zwischen den Browsermodi zu wechseln?

Evgeny
quelle
1
Dies scheint eine gute Frage für ein MS-spezifisches Forum (oder möglicherweise einen Fehlerbericht!)
Mathletics
4
@ Mathletics - es ist kein Fehler, es ist ziemlich absichtlich.
Spudley
2
Wie zum Teufel hast du es geschafft, den ersten Bildschirm zu bekommen? Warum ich F12 drücke, erscheint der ZWEITE BILDSCHIRM.
Sliq
1
@Panique - es war gerade da, als ich IE11 zum ersten Mal installiert habe. Wahrscheinlich liegt es daran, dass ich immer ein F12-Tool in IE10 habe, also hat es diese Einstellung irgendwie migriert. Dann kann ich die Taste F12 verwenden, um sie ein- und auszublenden. GEHEN SIE NUR NICHT ZUM WERKZEUGMENÜ. Wenn Sie es zurückbringen möchten, deinstallieren Sie zuerst das IE11-Update. Funktioniert bei mir.
Evgeny
1
Beitrag von Sitepoint.com: IE11: Browsermodi kehren zurück (in Windows 8.1) .
Sliq

Antworten:

146

[AKTUALISIEREN]

Die ursprüngliche Frage und die unten stehende Antwort galten speziell für die IE11- Vorschauversionen .

Die endgültige Version von IE11 bietet tatsächlich die Möglichkeit, den Browsermodus über die Registerkarte Emulation in den Entwicklertools zu wechseln:

Screenshot mit Auswahl des Browsermodus auf der Registerkarte Emulation

Der Rat, den ich hier (und anderswo) gegeben habe, um die Verwendung von Kompatibilitätsmodi zum Testen zu vermeiden, ist jedoch weiterhin gültig: Wenn Sie Ihre Site auf Kompatibilität mit älteren IE-Versionen testen möchten, sollten Sie Ihre Tests immer in einer echten Kopie durchführen dieser IE-Version.

Dies bedeutet jedoch, dass der in der Antwort von @ EugeneXa beschriebene Registrierungs-Hack zum Zurückbringen der alten Entwickler-Tools nicht mehr erforderlich ist, da die neuen Entwickler-Tools jetzt die Funktion haben, die ihm fehlte.


[URSPRÜNGLICHE ANTWORT]

Die IE-Entwickler haben die Möglichkeit, den Browsermodus zu wechseln, absichtlich abgelehnt.

Es gibt nicht viele Gründe, warum Benutzer in den Entwicklertools den Modus wechseln würden, aber einer der Hauptgründe ist, dass sie ihre Site in alten IE-Versionen testen möchten. Leider waren die verschiedenen Kompatibilitätsmodi, die der IE bereitstellt, nie wirklich vollständig mit alten Versionen des IE kompatibel, und das Testen im Kompatibilitätsmodus ist einfach kein ausreichender Ersatz für das Testen in realen Kopien von IE8, IE9 usw.

Die IE-Entwickler haben dies erkannt und machen es Entwicklern absichtlich schwerer, diesen Fehler zu machen.

Die beste Vorgehensweise besteht darin, stattdessen echte Kopien jeder IE-Version zu verwenden, um Ihre Site zu testen.

Die verschiedenen Kompatibilitätsmodi sind in IE11 weiterhin verfügbar, können jedoch nur aufgerufen werden, wenn eine Site ausdrücklich angibt, dass sie im Kompatibilitätsmodus ausgeführt werden soll. Sie würden dies tun, indem Sie einen X-UA-CompatibleHeader auf Ihrer Seite einfügen.

Das Dropdown-Feld "Dokumentmodus" ist weiterhin verfügbar, bietet jedoch immer nur die Optionen "Edge" (dh der beste für die aktuelle IE-Version verfügbare Modus, also IE11-Modus in IE11) oder den Modus, in dem die Seite ausgeführt wird im.

Wenn Sie also zu einer Seite wechseln, die im Kompatibilitätsmodus geladen ist , haben Sie die Möglichkeit, zwischen dem spezifischen Kompatibilitätsmodus, in den die Seite geladen wurde, und dem IE11-Edge-Modus zu wechseln.

Und wenn Sie zu einer Seite gehen, die im IE11-Modus geladen wird, wird Ihnen nur der Edge-Modus und sonst nichts angeboten.

Dies bedeutet, dass Sie weiterhin testen können, wie eine Seite im Kompatibilitätsmodus auf die Aktualisierung reagiert, um im Edge-Modus zu arbeiten. Dies ist ohnehin der einzige wirklich legitime Anwendungsfall für die Dropbox "Dokumentmodus".

Neben dem Dropdown-Feld IE11-Dokumentmodus befindet sich ein iSymbol, mit dem Sie zur Website modern.ie gelangen. Damit möchten wir Sie dazu ermutigen, die von MS bereitgestellten VMs herunterzuladen, damit wir unsere Websites mit echten Kopien jeder IE-Version testen können. Dies gibt Ihnen eine viel genauere Testerfahrung und wird als viel bessere Vorgehensweise als das Testen durch Umschalten des Modus in Entwicklungswerkzeugen empfohlen.

Hoffe das erklärt die Dinge ein bisschen für dich.

Spudley
quelle
8
Das Testen mit den von MS bereitgestellten kostenlosen VMs ist zwar absolut besser, aber auch zeitaufwändiger. Ich muss die VM starten, zwischen mehreren verschiedenen VMs wechseln und die kleinen Buggers jedes Mal neu installieren, wenn der Aktivierungs-Timer abgelaufen ist, da sie keine Aktivierungsschlüssel bereitgestellt haben. Trotzdem sollten wir dankbar sein, dass sie sich tatsächlich die Mühe gemacht haben, diese VMs einzurichten. Mit den alten F12-Kompatibilitätsmodi können Sie viele Fallstricke abfangen und dann einmal mit den VMs überprüfen. Aber ich schweife ab.
ivarni
7
Ich verstehe, warum sie denken, dass es eine gute Idee ist, das Dropdown-Menü Kompatibilitätsmodus zu verwerfen, aber ich denke, es ist auch ein Schlag ins Gesicht für jeden Entwickler, der tatsächlich Zeit damit verbringt, sicherzustellen, dass seine Site im IE funktioniert. Wie bereits erwähnt, hat die Suche nach offensichtlichen Fehlern mit dem Kompatibilitätsprüfer gut funktioniert. Außerdem hatten Sie den Vorteil eines halbwegs anständigen Satzes von Entwicklertools (im Vergleich zu dem Müll, der die Tools in IE7 und sogar 8 waren). Ich übe mich darin, auch die VMs einzuchecken, was jeder gute Entwickler tun würde. Aber diese Änderung wird nur bedeuten, dass sich weniger Entwickler darum kümmern, dass die Dinge im alten IE funktionieren.
LocalPCGuy
4
Abgesehen davon sollte ich kein vollständiges Betriebssystem in eine VM laden müssen, um einen dummen Browser zu testen. Wenn Microsoft wirklich wollte, dass Entwickler sicherstellen, dass ihre Inhalte in älteren IE-Versionen funktionieren, sollten sie eine bessere KOSTENLOSE Option dafür bereitstellen. Ansonsten scheint es sicher, dass sie Entwickler ermutigen, die alten Versionen einfach zu ignorieren und sich nur darum zu kümmern, die Fehler in den neueren Versionen zu umgehen.
LocalPCGuy
9
Nein ... BrowserStack ist nicht kostenlos, VMs sind ein Problem (sagen Sie mir nichts anderes, ich habe sie alle eingerichtet und muss sie alle 3 Monate zurücksetzen usw.). Sie sind ein Problem ). Ich weiß alles über die Angebote von Modern.ie und Microsoft. Microsoft nimmt eine einfache, kostenlose Methode weg, die für etwa 90% der Dinge funktioniert, die die meisten Entwickler zum Testen benötigen, und ersetzt sie durch umständliche VMs oder Bezahldienste. Farbe mich nicht beeindruckt. Und ich bin einer der Microsoft-Unterstützer und arbeite hauptsächlich in einem .NET-Shop. Und ich denke das ist DUMB.
LocalPCGuy
4
Ich sehe das als: "Wir haben es vermasselt und Ihnen die falschen Werkzeuge gegeben, um mit unseren Fehlern umzugehen. Jetzt werden wir Sie auf Werkzeuge hinweisen, die uns Geld geben."
Zenexer
19

Während die Verwendung virtueller Maschinen die beste Methode zum Testen alter IEs ist, ist es möglich, altmodische F12-Tools durch Bearbeiten der Registrierung wiederherzustellen, da IE11 diesen Wert überschreibt, wenn das neue F12-Tool aktiviert wird.

Vielen Dank an Dimitri Nickola für diesen Trick. Geben Sie hier die Bildbeschreibung ein

Dies funktioniert bei mir (als .reg-Datei speichern und ausführen):

Windows Registry Editor Version 5.00

[HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Toolbar\WebBrowser]
"ITBar7Layout"=hex:13,00,00,00,00,00,00,00,00,00,00,00,30,00,00,00,10,00,00,00,\
  15,00,00,00,01,00,00,00,00,07,00,00,5e,01,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,69,e3,6f,1a,8c,f2,d9,4a,a3,e6,2b,cb,50,80,7c,f1
Evgeny
quelle
8
Ich weiß nicht, ob ich beeindruckt sein soll, dass es jemandem gelungen ist, einen Weg zu finden, IE11 zu hacken, um die alten Entwickler-Tools zurückzubekommen, oder deprimiert, dass er bereit war, all die erstaunlichen neuen Dinge in den IE11-Entwickler-Tools nur für zu opfern in der Lage sein, den Browsermodus zu wechseln. :-(
Spudley
7
Dies hat alles mit dem Erbe von Microsoft zu tun, Browser zu produzieren, die nicht dem W3C-Standard entsprechen. Es ist nichts falsch mit IE10 oder 11 - sie sind gute moderne Browser. Es geht um 9 und 8 und bis vor kurzem um 7 und 6. Da es unmöglich ist, sie zusammen mit dem modernen IE in Windows 8 zu installieren, wird ein gutes Emulationstool benötigt.
Evgeny
1
Der Trick hier ist interessant, wird aber offensichtlich nicht von Microsoft unterstützt und kann unbeabsichtigte Nebenwirkungen haben.
EricLaw
5
Ich halte das überhaupt nicht für sinnlos. Mein Workflow beim Testen des IE besteht darin, zuerst den F12-Kompatibilitätsmodus zu verwenden und alle Probleme zu konkretisieren, die ich finde, und dann die Mühe zu machen, eine VM zu starten. Dies ist viel effizienter als alle IE-Tests in (verschiedenen) VMs durchzuführen.
ivarni
2
Damit dieser Reg-Hack für mich funktioniert, musste ich auch den ITBar7Layout64-Wert aktualisieren. Es hat dann funktioniert, aber das Schließen und Öffnen der F12-Tools stürzte im IE ab :) Gut, dass ich eine Sicherungskopie des Registrierungsschlüssels erstellt habe.
Ian Yates
17

Sie können dies im Dokumentationsmodus Emulation (Strg + 8) (10,9,8,7,5), Browserprofil (Desktop, Windows Phone) erhalten.

Geben Sie hier die Bildbeschreibung ein

Rajnikanth
quelle
Vielen Dank, dass Sie uns mitgeteilt haben, wo Sie das finden können. Ich war ratlos! :)
Michelle
5

Der einfachste Weg, besonders wenn in MSDN, Stunden meiner Zeit verschwendet, dumme MS

http://support.microsoft.com/kb/2900662/en-us?sd=rss

  1. Öffnen Sie den Bereich Entwicklertools. Drücken Sie dazu F12.
  2. Öffnen Sie den Emulationsbildschirm. Drücken Sie dazu Strg + 8.
  3. Klicken Sie in der Liste Dokumentmodus unter Modus auf 9.
  4. Klicken Sie in der Liste der Benutzeragentenzeichenfolgen unter Modus auf Internet Explorer 9.
Sam
quelle
3
Versuchen Sie, die Details der Entschließung anzugeben, anstatt nur einen Link bereitzustellen. Wenn der Link jemals ausfällt, ist die Antwort für eine Person in Zukunft nutzlos. Der Link ist hilfreich, aber behalten Sie ihn als verknüpften Verweis auf die Informationen bei, die Sie in Ihrer detaillierten Antwort enthalten.
Anil Natha
4

Sie können dies umgehen, indem Sie den X-UA-CompatibleMeta-Header für die spezifische Version des IE festlegen, mit der Sie debuggen. Dadurch wird der Browsermodus auf die Version geändert , die Sie in der Kopfzeile angegeben haben.

Beispielsweise:

<meta http-equiv="X-UA-Compatible" content="IE=9" />

Damit der Browsermodus in den Entwicklertools aktualisiert werden kann, müssen Sie [die Entwicklertools] schließen und erneut öffnen. Dies wechselt zu dieser bestimmten Version.

Das Wechseln von einer Nebenversion zu einer größeren Version funktioniert durch Aktualisieren einwandfrei. Wenn Sie jedoch von einer größeren Version zu einer Nebenversion zurückkehren möchten, z. B. von 9 auf 7, müssen Sie eine neue Registerkarte öffnen und die laden Seite wieder.

Hier ist ein Screenshot:

Geben Sie hier die Bildbeschreibung ein

Mendezcode
quelle
2

In IE11 können wir den Benutzeragenten in IE10, IE9 und sogar als Windows Phone ändern. Es ist wirklich gut

Lingaraj RM
quelle
3
Das ändert nur die Zeichenfolge des Benutzeragenten. Es ändert nichts am Verhalten des Browsers. Es ist für Kompatibilitätstests völlig nutzlos.
Zenexer
2

Wie kann ich den "Browser-Modus" in IE11 wiederherstellen?

Der einfache Weg zurückzubringen ist einfach Emulation (Strg +8)

und ändern Sie die Zeichenfolge des Benutzeragenten. (siehe beigefügtes Bild)

Geben Sie hier die Bildbeschreibung ein

pedram
quelle
Das ändert nur die Zeichenfolge des Benutzeragenten. Es ändert nichts am Verhalten des Browsers. Es ist für Kompatibilitätstests völlig nutzlos. In Ihrem Beispiel wird auch X-UA-kompatibel verwendet.
Zenexer
2

Microsoft hat ein Tool nur für diesen Zweck: Microsoft Expression Web. Es gibt eine kostenlose Version mit einer Menge FrontPage / Dreamweaver-ähnlichem Müll, den niemand will. Wichtig ist, dass es eine großartige Funktion zum Testen von Browsern bietet. Ich verwende Windows 8.1 Pro (endgültige Version, keine Vorschau) mit Internet Explorer 11. Ich erhalte die folgenden lokalen Browser:

  • Internet Explorer 6
  • Internet Explorer 7
  • Internet Explorer 11 /! \ Nicht unterstützte Version (kann nicht verwendet werden; großer Schrei, ich habe den Browser)

Dann bekomme ich eine Remote Browsers (Beta) Option. Ich sollte mich mit einer gültigen E-Mail anmelden, aber bei der Kommunikation mit dem Server ist ein Fehler aufgetreten. Naja.

Firefox wurde früher unterstützt, aber ich sehe es jetzt nicht. Könnte sich verstecken.

Ich kann Browser-Versionen nebeneinander vergleichen. Ich kann auch mit einem Bild oder anscheinend einer PSD-Datei vergleichen (keine Ahnung, wie gut das funktioniert). InDesign wäre nett, aber das verlangt wahrscheinlich zu viel.

Ich habe die Vollversion von Expression auch teilweise installiert, da sich Visual Studio Ultimate auf demselben Computer befindet. Daher würde ich mich freuen, wenn jemand in einem Kommentar bestätigt, dass meine kostenlose Installation nicht automatisch aktualisiert wird.

Update: Der Onlinedienst wurde anscheinend eingestellt , lokale Browser werden jedoch weiterhin unterstützt. Sie können auch nur SuperPreview herunterladen , ohne den Editor-Müll. Wenn Sie die vollständige IDE wünschen, ist die neueste Version Microsoft Expression Web 4 (kostenlose Version) . Hier ist die offizielle Liste der unterstützten Browser . IE6 scheint unter Windows 8.1 einen Fehler zu geben, aber IE7 funktioniert.

Update 09.12.2014: Microsoft hat dies so gut wie aufgegeben. Erwarten Sie nicht, dass es gut funktioniert.

Zenexer
quelle
Als ich das letzte Mal nach Expression Web / Super Preview gesucht habe, wurden nur statische Schnappschüsse einer Seite in verschiedenen Browsern bereitgestellt. Dies ist zwar das, was pixelgenaue Webdesigner wollen, aber nicht das, was Entwickler wollen - wir wollen mit Seiten interagieren, js und CSS debuggen und das DOM manipulieren, und hier kommen die IE-Entwicklertools ins
Spiel
@saille Ich habe es im Moment nicht vor mir, aber ich bin mir ziemlich sicher, dass es interaktiv ist.
Zenexer