Cómo probar HTML en Internet Explorer

Cómo probar HTML en Internet Explorer


Los diseñadores web necesitan para poner a prueba sus sitios en varias versiones de Internet Explorer, ya que cada versión contiene errores, y las versiones más antiguas carecen de soporte para muchos trucos de estilo actual. Internet Explorer no lo hace de actualización automática de la manera otros navegadores lo hacen, y los usuarios de Windows XP no se puede instalar cualquier versión anterior de Internet Explorer 8, debido a problemas de compatibilidad. Sólo se puede instalar una versión de Internet Explorer en cualquier equipo, por lo que los diseñadores utilizan el software de prueba, servicios en línea e incluso ordenadores virtuales para probar sus sitios. Desde pruebas de software no puede imitar plenamente errores del navegador, ordenadores virtuales funcionan mejor.

Instrucciones

1

Configuración de su entorno de prueba. El mejor ambiente de prueba requiere una instalación de software de virtualización de sistema operativo como VMWare Player, Virtual PC y VirtualBox. Descargar e instalar uno de estos sistemas y luego configurar una máquina virtual para cada versión de Internet Explorer que usted necesita para la prueba. Necesitará ya sea un disco de instalación o una imagen de un disco de instalación para instalar Windows en cada máquina virtual. No es necesario para probar Internet Explorer para Mac o Linux porque ni plataformas son compatibles con ese navegador.

2

Abra los archivos HTML de su sitio web en un editor de código y comprobar el código entre las etiquetas <head> y </ head> etiquetas para lo siguiente:

<Meta http-equiv = "X-UA-Compatible" content = "IE = borde, cromo = 1">

Este <meta> fuerzas de etiquetas de Internet Explorer para utilizar su motor de renderizado más arriba-hasta la fecha. En algunos casos, la configuración del usuario y otros factores hacen que Internet Explorer 8 para actuar como Internet Explorer 7, y nunca quieren eso. Si usted no ve que la etiqueta <meta>, añadirlo.

3

Compruebe entre las etiquetas <head> para cualquier comentario condicionales. Internet Explorer ofrece comentarios condicionales como una manera de crear conjuntos separados de Cascading Style Sheet (CSS) código de cada versión del navegador. Ningún otro navegador que utiliza. He aquí un ejemplo de lo que parecen:

<! - [If IE lte 8]>

Sólo los navegadores Internet Explorer versión 8 o menor ver esto.

<! [Endif] ->

Al aplicar correcciones a su código en la fase de pruebas de cross-browser, asegúrese de editar código de la regla correcta hoja de estilo, clase o estilo entre <style> etiquetas. Si ya utiliza los comentarios condicionales destacar versión de siete, por ejemplo, no hacer arreglos para Internet Explorer 7 fija en el código principal de CSS.

4

Carga tu página en un navegador web compatible con los estándares modernos como Google Chrome o Mozilla Firefox. Estos dos navegadores representan la mejor prestación de las páginas web de este escrito en el año 2011. Ahora carga la página en cada versión de Internet Explorer, en los equipos virtuales, y compararlo con cómo se ve en Chrome o Firefox. Haga los cambios necesarios, ya sea cambiando los elementos de la página para arreglar los problemas de márgenes o la adición de otoño-backs para las técnicas de CSS3 no compatibles. Sitios web no necesitan ser exactamente la misma en todos los navegadores, pero deben ser utilizable en todos los navegadores.

Consejos y advertencias

  • Añadir, de un solo píxel fronteras ancho de colores brillantes a HTML los elementos que le dan problemas. Esto le permite ver la "caja" real existe en el contenido al manipular sus relleno, márgenes y posicionamiento, que es difícil sin algún tipo de guía.
  • Microsoft hace que los archivos de imagen libre disponibles para usar con su aplicación de virtualización gratuito, Virtual PC. Estas imágenes vienen con las versiones de navegadores necesarias para las pruebas, pero que expiran después de un tiempo determinado.
  • Creación de una hoja de estilo diferente para cada versión de Internet Explorer crea demasiadas peticiones HTTP al servidor, lo que resulta en más lentos los tiempos de descarga del sitio web. Trate de concentrarse en la escritura de código que es compatible con la mayoría de las versiones y luego señalar a los que causan problemas.