¿Cómo recuperar el "modo de navegador" en IE11?

132

ACTUALIZACIÓN : La pregunta anterior solo se aplica a la vista previa de IE11; el modo de navegador había regresado en la versión final de IE11. Pero hay una trampa: es casi inútil, porque no emula comentarios condicionales. Por ejemplo, si los usa para habilitar el soporte HTML5 en IEs heredados, ya no podrá depurar su sitio en IE11.

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

Lea otra pregunta de StackOverflow y el problema del rastreador de errores de IE . Microsoft nunca respondió a esto, por lo que parece que introdujeron este error a propósito para guiar a las personas a comprar suscripciones de BrowserStack. La emulación de comentarios condicionales funcionó bien en la versión preliminar.

PREGUNTA ORIGINAL : Cuando se instala la vista previa de IE11 en Windows 7, viene con la herramienta F12 antigua que permite cambiar los modos del navegador. ingrese la descripción de la imagen aquí

Sin embargo, si va al menú "Herramientas" y selecciona la herramienta para desarrolladores "F12", se reemplaza con nuevas herramientas para desarrolladores, y el "Modo de navegador" ya no está disponible. ingrese la descripción de la imagen aquí

La única forma de recuperarlo es desinstalar IE11 y reinstalarlo.

¿Hay alguna manera más fácil de cambiar entre los modos de navegador en IE11?

Evgeny
fuente
1
Esta parece una gran pregunta para un foro específico de MS (¡o posiblemente un informe de error!)
Mathletics
44
@ Mathletics: no es un error, es bastante deliberado.
Spudley
2
¿Cómo diablos has logrado obtener la primera pantalla? Por qué presiono F12 aparece la SEGUNDA PANTALLA.
Sliq
1
@Panique: simplemente estaba allí cuando instalé por primera vez IE11. Probablemente sea porque siempre tengo la herramienta F12 presente en IE10, por lo que de alguna manera migró esta configuración. Entonces puedo usar la tecla F12 para mostrarlo y ocultarlo. NO VAYAS AL MENÚ DE HERRAMIENTAS. Si desea recuperarlo, desinstale primero la actualización de IE11. Funciona para mi.
Evgeny
1
Publicación de Sitepoint.com: IE11: regresan los modos del navegador (en Windows 8.1) .
Sliq

Respuestas:

146

[ACTUALIZAR]

La pregunta original y la respuesta a continuación se aplicaron específicamente a las versiones preliminares de IE11 .

La versión final de IE11 no , de hecho, ofrecen la posibilidad de cambiar de modos de navegador en la ficha de emulación en las herramientas de desarrollo:

Captura de pantalla que muestra la selección del modo de navegador en la pestaña de emulación

Dicho esto, el consejo que he dado aquí (y en otros lugares) para evitar el uso de modos de compatibilidad para las pruebas sigue siendo válido: si desea probar la compatibilidad de su sitio con versiones anteriores de IE, siempre debe hacer sus pruebas en una copia real de esas versiones de IE.

Sin embargo, esto significa que el truco del registro descrito en la respuesta de @ EugeneXa para recuperar las viejas herramientas de desarrollo ya no es necesario, ya que las nuevas herramientas de desarrollo ahora tienen la característica que faltaba.


[RESPUESTA ORIGINAL]

Los desarrolladores de IE han desaprobado deliberadamente la capacidad de cambiar el modo del navegador.

No hay muchas razones por las cuales las personas cambiarían de modo en las herramientas de desarrollo, pero una de las razones principales es porque quieren probar su sitio en versiones antiguas de IE. Desafortunadamente, los diversos modos de compatibilidad que suministra IE nunca han sido realmente compatibles con las versiones anteriores de IE, y las pruebas con el modo de compatibilidad simplemente no son un sustituto lo suficientemente bueno para probar en copias reales de IE8, IE9, etc.

Los desarrolladores de IE lo han reconocido y deliberadamente hacen que sea más difícil para los desarrolladores cometer este error.

La mejor práctica es utilizar copias reales de cada versión de IE para probar su sitio.

Los diversos modos de compatibilidad todavía están disponibles dentro de IE11, pero solo se puede acceder si un sitio declara explícitamente que quiere ejecutarse en modo de compatibilidad. Para ello, debe incluir un X-UA-Compatibleencabezado en su página.

Y el cuadro desplegable Modo de documento todavía está disponible, pero solo ofrecerá las opciones de "Edge" (es decir, el mejor modo disponible para la versión actual de IE, por lo tanto, el modo IE11 en IE11) o el modo en que se ejecuta la página en.

Entonces, si va a una página que está cargada en modo compat, tendrá la opción de cambiar entre el modo compat específico en el que se cargó la página o el modo IE11 "Edge".

Y si va a una página que se carga en modo IE11, solo se le ofrecerá el modo 'borde' y nada más.

Esto significa que aún le permite probar cómo reacciona una página en modo compat al actualizarse para funcionar en modo Edge, que de todos modos es el único caso de uso realmente legítimo para el cuadro desplegable en modo documento.

El cuadro desplegable Modo de documento IE11 tiene un iicono al lado que lo lleva al sitio web modern.ie. El objetivo de esto es alentarlo a descargar las máquinas virtuales que MS está proporcionando para que podamos probar nuestros sitios utilizando copias reales de cada versión de IE. Esto le dará una experiencia de prueba mucho más precisa y se recomienda mucho como una práctica mucho mejor que la prueba al cambiar el modo en las herramientas de desarrollo.

Espero que eso te explique un poco las cosas.

Spudley
fuente
8
Si bien probar con las máquinas virtuales gratuitas proporcionadas por MS es absolutamente mejor, también consume más tiempo. Tengo que encender la VM, tengo que cambiar entre varias VM diferentes y tengo que reinstalar los pequeños insectores cada vez que se agota el temporizador de activación, ya que no proporcionaron ninguna clave de activación. Aún así, creo que deberíamos estar agradecidos de que realmente se hayan tomado la molestia de configurar estas máquinas virtuales. Podría atrapar muchas trampas con los antiguos modos de compatibilidad F12 y luego verificar una vez usando las máquinas virtuales. Pero yo divago.
ivarni
77
Entiendo por qué piensan que es una buena idea desaprobar el menú desplegable del modo de compatibilidad, pero creo que también es una bofetada para cualquier desarrollador que realmente pasa tiempo asegurándose de que su sitio funcione en IE. Como otros han mencionado, la comprobación de errores obvios utilizando el verificador de compatibilidad funcionó bien. Además, tenía la ventaja de tener un conjunto de herramientas de desarrollo medio decente (en comparación con la basura que eran las herramientas en IE7 e incluso 8.) También practico la comprobación de las máquinas virtuales, cualquier buen desarrollador lo haría. Pero este cambio solo significará que menos desarrolladores se preocupan por hacer que las cosas funcionen en el antiguo IE.
LocalPCGuy
44
Por otro lado, no debería tener que cargar un sistema operativo completo en una máquina virtual para probar un estúpido navegador. Si Microsoft realmente quería que los desarrolladores se aseguraran de que sus cosas funcionen en versiones anteriores de IE, deberían proporcionar una mejor opción GRATUITA para hacerlo. De lo contrario, parece que están alentando a los desarrolladores a ignorar las versiones anteriores y solo preocuparse por evitar los errores en las versiones más nuevas.
LocalPCGuy
9
No ... BrowserStack no es gratis, las máquinas virtuales son difíciles de usar (no me digas lo contrario, tengo todas configuradas y tengo que restablecerlas cada 3 meses, etc.) son un dolor ) Sé todo sobre Modern.ie y las ofertas de Microsoft. Microsoft está quitando un método simple y gratuito que funcionó para aproximadamente el 90% de las cosas que la mayoría de los desarrolladores necesitan probar, y lo está reemplazando por máquinas virtuales o servicios de pago. Coloréame no impresionado. Y yo soy uno de los partidarios de Microsoft, trabajo principalmente en una tienda .NET. Y creo que esto es MUDO.
LocalPCGuy
44
Veo esto como: "Nos equivocamos, y le dimos las herramientas equivocadas para lidiar con nuestros errores, así que ahora vamos a señalarle las herramientas que nos dan dinero".
Zenexer
19

Si bien el uso de máquinas virtuales es la mejor forma de probar los IE antiguos, es posible recuperar las herramientas F12 antiguas editando el registro, ya que IE11 sobrescribe este valor cuando se activa la nueva herramienta F12.

Gracias al increíble Dimitri Nickola por este truco. ingrese la descripción de la imagen aquí

Esto funciona para mí (guardar como archivo .reg y ejecutar):

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
fuente
8
No sé si quedar impresionado de que alguien haya logrado encontrar una manera de hackear IE11 para recuperar las viejas herramientas de desarrollo, o deprimido de que estuvieran dispuestos a sacrificar todas las cosas nuevas y sorprendentes en las herramientas de desarrollo de IE11 por el simple hecho de ser capaz de cambiar el modo del navegador. :-(
Spudley
77
Eso tiene todo que ver con el legado de Microsoft de producir navegadores que no cumplen con el estándar W3C. No hay nada malo con IE10 u 11: son buenos navegadores modernos. Se trata de 9 y 8 y, hasta hace poco, de 7 y 6. Dado que es imposible instalarlos junto con IE moderno en Windows 8, se necesita una buena herramienta de emulación.
Evgeny
1
El truco aquí es interesante, pero obviamente no es compatible con Microsoft y podría tener efectos secundarios no deseados.
EricLaw
55
No creo que esto no tenga sentido en absoluto. Mi flujo de trabajo cuando pruebo IE es usar primero el modo de compatibilidad F12 y resolver cualquier problema que encuentre y LUEGO me encuentro con el problema de encender una VM. Esto es mucho más eficiente que hacer todas las pruebas de IE en máquinas virtuales (diferentes).
ivarni
2
Para que este hack de registro funcione para mí, también tuve que actualizar el valor ITBar7Layout64. Funcionó entonces, sin embargo, al cerrar y abrir herramientas F12 se bloqueó IE :) Lo bueno es que hice una copia de seguridad de la clave reg.
Ian Yates
17

Puede obtener esto utilizando el modo de documento Emulación (Ctrl + 8) (10,9,8,7,5), Perfil del navegador (Escritorio, Windows Phone)

ingrese la descripción de la imagen aquí

Rajnikanth
fuente
¡Gracias por compartir dónde encontrar eso, estaba perplejo! :)
Michelle
5

La forma más fácil, especialmente si en MSDN, perdí horas de mi tiempo, estúpida MS

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

  1. Abra el panel Herramientas para desarrolladores. Para hacer esto, presione F12.
  2. Abre la pantalla de emulación. Para hacer esto, presione Ctrl + 8.
  3. En la lista Modo de documento en Modo, haga clic en 9.
  4. En la lista de cadenas del Agente de usuario en Modo, haga clic en Internet Explorer 9.
Sam
fuente
3
Solo un FYI cortés, intente incluir los detalles de la resolución, en lugar de simplemente proporcionar un enlace. Si el enlace alguna vez se cae, la respuesta es inútil para una persona en el futuro. El enlace es útil, pero manténgalo como una referencia vinculada a la información que incluya en su respuesta detallada .
Anil Natha
4

Puede solucionar este problema configurando el X-UA-Compatiblemeta encabezado para la versión específica de IE con la que está depurando. Esto cambiará el modo de navegador a la versión que especifique en el encabezado.

Por ejemplo:

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

Para que el Modo de navegador se actualice en las Herramientas para desarrolladores, debe cerrar [Herramientas para desarrolladores] y volver a abrir. Esto cambiará a esa versión específica.

Cambiar de una versión menor a una versión mayor funcionará bien actualizando, pero si desea cambiar de una versión mayor a una versión menor, como de 9 a 7, necesitará abrir una nueva pestaña y cargar el página de nuevo.

Aquí hay una captura de pantalla:

ingrese la descripción de la imagen aquí

mendezcode
fuente
2

En IE11 podemos cambiar el agente de usuario a IE10, IE9 e incluso como Windows Phone. Es realmente bueno

Lingaraj RM
fuente
3
Eso solo cambia la cadena del agente de usuario; no cambia el comportamiento del navegador. Es completamente inútil para pruebas de compatibilidad.
Zenexer
2

¿Cómo recuperar el "modo de navegador" en IE11?

Una forma fácil de recuperarlo es ir a Emulación (ctrl +8)

y cambiar la cadena del agente de usuario. (ver imagen adjunta)

ingrese la descripción de la imagen aquí

pedram
fuente
Eso solo cambia la cadena del agente de usuario; no cambia el comportamiento del navegador. Es completamente inútil para pruebas de compatibilidad. Además, su ejemplo es usar X-UA-Compatible.
Zenexer
2

Microsoft tiene una herramienta solo para este propósito: Microsoft Expression Web. Hay una versión gratuita con un montón de basura como FrontPage / Dreamweaver que nadie quiere. Lo importante es que tiene una excelente función de prueba de navegador. Estoy ejecutando Windows 8.1 Pro (versión final, no vista previa) con Internet Explorer 11. Obtengo estos navegadores locales :

  • Internet Explorer 6
  • Internet Explorer 7
  • Internet Explorer 11 /! \ Versión no compatible (no se puede usar; gran whoop, tengo el navegador)

Luego obtengo una opción de Navegadores remotos (Beta). Se supone que debo registrarme con un correo electrónico válido, pero hay un error al comunicarme con el servidor. Oh bien.

Firefox solía ser compatible, pero ahora no lo veo. Podría estar escondido

Puedo comparar lado a lado entre las versiones del navegador. También puedo comparar con una imagen, o aparentemente, un archivo PSD (no tengo idea de qué tan bien funciona). InDesign sería bueno, pero probablemente eso sea pedir demasiado.

También tengo la versión completa de Expression parcialmente instalada debido a que Visual Studio Ultimate está en la misma computadora, por lo que agradecería que alguien confirme en un comentario que mi instalación gratuita no se está actualizando automáticamente.

Actualización: Parece que el servicio en línea se suspendió , pero los navegadores locales aún son compatibles. También puede descargar solo SuperPreview , sin la basura del editor. Si desea el IDE completo, la última versión es Microsoft Expression Web 4 (versión gratuita) . Aquí está la lista oficial de navegadores compatibles . IE6 parece dar un error en Windows 8.1, pero IE7 funciona.

Actualización 2014-12-09: Microsoft prácticamente ha renunciado a esto. No esperes que funcione bien.

Zenexer
fuente
La última vez que busqué Expression Web / Super Preview solo proporcioné instantáneas estáticas de una página en varios navegadores. Mientras que esto es lo que los diseñadores web píxeles perfectos quieren, no es lo que los desarrolladores quieren - queremos interactuar con las páginas, JS depuración y CSS y manipular el DOM, y ahí es donde las herramientas de desarrollo de IE entrar.
saille
@saille No lo tengo frente a mí en este momento, pero estoy bastante seguro de que es interactivo.
Zenexer