javascript - predeterminada - internet explorer 11 compatibilidad html5

¿Por qué mi página funciona en el modo IE7 de IE9, pero no en IE7?

Question

Hace poco estuve en línea con nuestra nueva página de inicio, después de haberlo probado mucho en cada uno de los modos de documentos y navegador de IE9 ( no solo en el modo de compatibilidad, sino en la emulación de IE7 y IE8). El sitio funciona en cada modo, sin mencionar los navegadores modernos. Sin embargo, después de su lanzamiento, recibí un correo electrónico que decía que el sitio estaba muy dañado en IE7. Fui a una máquina abandonada y reinicié Windows XP, inicié IE7 y cargué la página. Para mi horror, el diseño estaba realmente roto! (NO solo la presentación de diapositivas)

Más importante aún, ¿por qué mi página no funciona en IE7, a pesar de que funciona en modo IE7 en IE9? Y como una pregunta secundaria, ¿qué podría estar "mal" con ella?

Edición : he descubierto que uno de mis problemas puede ser la presentación de diapositivas, pero agregar .ie7 #slideshow {display:none !important} ni siquiera ocultará la presentación de diapositivas. No puedo acceder a ella a través de CSS.

Edición 2 : hay otro problema que solo aparece en IE7 nativo: el pie de página de esa página de inicio, y esta página , es un texto ultra diminuto que no se puede ampliar. No hace esto en el modo IE7 de IE9 (no es compatible), ni en ningún otro navegador. Otro ejemplo de la discrepancia.

Answer 1

Descargue las imágenes gratuitas de la unidad de disco duro de Microsoft Virtual PC y MS que contienen IE 7, 8, etc. Es por eso que están disponibles.

Parece que hay un millón de complementos de diapositivas de jQuery y la mayoría son compatibles con IE 7.

jCarousel es uno y puedes cambiarlo con CSS para que se parezca a lo que tienes ahora.

Esta página contiene 42 complementos de presentación de diapositivas diferentes.

EDITAR:

También recomiendo que la página se ponga en conformidad con W3C antes de abordar los otros problemas.

Answer 2

El problema parece estar en la presentación de diapositivas.

Echando un vistazo a través de su archivo script.js veo esto

/*
 * Here is the slideshow code.
 */

 // Screw ie7...
if ( !($.browser.msie && $.browser.version <= 7.0) ){

así que comenzaría mi búsqueda allí, ya que parece ignorar IE7 y más abajo ...

Answer 3

Estoy con los demás al decir que el posible culpable es la presentación de diapositivas. Me gustaría tener una presentación de diapositivas más amigable con CSS:

http://flowplayer.org/tools/index.html

Y definitivamente prueba en el navegador ACTUAL! Puede usar un sitio de control de navegador en línea como browsershots.org. Toman mucho tiempo para producir una foto de su sitio, pero es precisa.

Answer 4

Le recomiendo que evite los enfoques de emulación y pruebe en IE7 real en su máquina usando el Modo XP .

Answer 5

No sé sobre el modo de compatibilidad con IE7 de IE9, pero el modo de compatibilidad con IE7 integrado en IE8 es bien conocido por no ser una copia perfecta de un IE7 real. Tiene una gran cantidad de errores y peculiaridades propias que no aparecen en IE7 normal.

Ya era suficientemente malo que nunca hubiera recomendado a nadie que utilizara realmente el modo de compatibilidad para probar su sitio ... excepto que todavía necesita hacer frente al usuario ocasional que realmente está usando el modo de compatibilidad en su navegador en vivo. Así que en lugar de facilitar las cosas para el desarrollador, MS realmente nos complicó las cosas al agregar otro posible motor de renderizado a la mezcla que. Suspiro.

No he probado los modos de compatibilidad de IE9, pero si su experiencia es algo que se debe seguir, entonces todavía tienen el mismo problema. Es una pena (pero no sorprendente) que la EM no haya aprendido desde la primera vez que cometieron ese error.

En lugar de usar modos de compatibilidad para probar, la mejor solución que conozco es usar una aplicación llamada IE Tester , que le permite instalar y ejecutar todas las versiones de IE una junto a la otra. Todavía no es perfecto (la única forma en que se perfeccionará, como ya descubrió, es tener un IE7 real en su propia copia real de XP), pero está mucho más cerca de la realidad que el propio IE. modo de compatibilidad.

Answer 6

Por lo tanto, esta es quizás la respuesta que estás buscando. Vaya a las herramientas de desarrollo F12 y haga clic en el modo de navegador IE9 y en el modo de documento IE7. Serán los estándares IE7, pero un agente de usuario IE9. Si eso no funciona, intente usar el modo de navegador IE7 y el modo documento.

Answer 7

Primero: siempre prueba en el navegador real. Si estamos hablando de es decir, use una máquina virtual para probarlo. Nunca confíe en los "modos de compatibilidad", "ies4linux", "ies4mac", "solo use wine" y demás. He tenido muchos, pero MUCHOS dolores de cabeza al no usar máquinas virtuales (puede usar instantáneas en sus máquinas virtuales; cada instantánea es una versión del navegador. De esta manera, solo puede tener una imagen pero con varios navegadores).

Segundo: ¿este problema ocurre incluso si elimina esa sección de diapositivas de su script.js? ¿Comprobó si, después de eliminar esa sección y volver a cargar su página si no es una versión en caché del script.js antiguo? A veces, una versión en caché es la fuente de todos los problemas.

Un pequeño truco para engañar a su navegador para que no almacene en caché script.js es agregar, al llamar a script.js desde su marca, un número arbitrario (script.js? V = 100 por ejemplo, y por cada modificación que haga con su js, modifica este número. Puede verificar la fuente de SO, usa un enfoque similar en algunas secciones).

Tercero: trata de hacer, antes de la "negación" en tu script:

alert($.browser.msie);
alert($.browser.version);
alert($.browser.msie && $.browser.version <= 7.0);

... y ver si ie alerta algo o si genera una excepción. A veces, es decir, intentaremos interpretar su javascript y generar una excepción desconocida sin ningún motivo: si no lo atrapa en un bloque try / catch, todo se interrumpirá desde ese punto hasta el final del script.

Lo sé, es un enfoque de prueba y error, pero tenemos que aislar todo y tratar de entender exactamente qué está causando el error. Si es necesario, repita el tercer consejo a lo largo de la sección de presentación de diapositivas.

Answer 8

Recomendaría usar HTML5BoilerPlate ( http://html5boilerplate.com/ ) como fuente de inspiración y orientación. Estoy en la misma situación: desarrollador web para una universidad y tengo que escribir un rediseño del sitio principal.

Creo que ya hiciste esto, basado en tu fuente. ¿Estás utilizando la última versión? Tal vez ha habido algunas actualizaciones a la plantilla HTML5BoilerPlate que trataría esto.

Encontré un compañero de trabajo con el IE7 real instalado y, efectivamente, su página se ve mal. Luego verifiqué mi maqueta en el IE7 real y se ve bien (considero que tengo mucha suerte ahora).

Mi maqueta también se basa en la plantilla HTML5BoilerPlate.

Otra sugerencia es intentar comentar bloques de código e intentar aislar la causa del problema.

Creo que la presentación de diapositivas es la causa del problema (o al menos el síntoma). He tenido que volver a implementar el contenido de mi presentación de diapositivas utilizando 3 complementos diferentes. Actualmente, me he decidido por el complemento del ciclo jQuery para ese tipo de contenido: http://jquery.malsup.com/cycle/

Realmente quiero saber la causa del problema, también. El sitio se ve genial, por cierto, cuando se presenta de la forma en que se debe ver. ¡Buen trabajo!

Verifique la publicación de este blog de MSDN: http://blogs.msdn.com/b/ie/archive/2009/03/12/site-compatibility-and-ie8.aspx