PDF (adobe.com)

Comprobación de problemas de representación de CSS con distintos navegadores



La función Comprobar compatibilidad con navegadores (BCC) le ayuda a ubicar combinaciones de código HTML y CSS que presentan problemas en determinados navegadores. Cuando ejecuta esta función en un archivo abierto, Dreamweaver analiza el archivo e informa de los posibles problemas de representación de CSS en el panel Resultados. Un valor de seguridad, que se representa mediante un círculo lleno al 25%, 50%, 75% o 100%, indica la probabilidad de incidencia del error (un círculo lleno al 25% indica una posible incidencia y un círculo completo muestra que la incidencia es muy probable). Para cada error potencial que encuentra, Dreamweaver también proporciona un vínculo directo a la documentación sobre el error en Adobe CSS Advisor, un sitio Web que contiene información detallada sobre errores conocidos de representación en navegadores, y ofrece soluciones para resolverlos.

De forma predeterminada la función BCC comprueba los siguientes navegadores: Firefox 1.5; Internet Explorer (Windows) 6.0 y 7.0; Internet Explorer (Macintosh) 5.2; Netscape Navigator 8.0; Opera 8.0 y 9.0; Safari 2.0.

Esta función sustituye a la anterior Comprobar navegador de destino anterior, pero mantiene la funcionalidad CSS de la misma. Es decir, la nueva función BCC sigue comprobando el código de sus documentos para ver si las propiedades o valores CSS son incompatibles con los navegadores de destino.

Pueden surgir tres niveles de problemas potenciales de compatibilidad con navegadores:

  • Un error indica código CSS que puede causar un problema de visibilidad grave en un navegador concreto, como hacer desaparecer partes de una página. (Error es la designación predeterminada para problemas de compatibilidad con navegadores, por lo que en algunos casos, el código con un efecto desconocido también se indica como error.)

  • Una advertencia señala una parte de código CSS que es incompatible con un navegador concreto, pero que no causará ningún problema de visualización grave.

  • Un mensaje informativo indica que el código es incompatible con un navegador concreto, pero que no tiene efecto en la visibilidad.

Las comprobaciones de compatibilidad con navegadores no modifican el documento de forma alguna.

Ejecución de una comprobación de compatibilidad con navegadores

 Seleccione Archivo > Comprobar página > Compatibilidad con navegadores.

Selección de elementos a los que afecta un problema

 En el panel Resultados, haga doble clic en el problema.

Cómo saltar al error siguiente o anterior encontrado en el código

 Seleccione Siguiente problema o Problema anterior del menú Comprobar compatibilidad con navegadores de la barra de herramientas Documento.


Selección de los navegadores con los que Dreamweaver debe realizar la comprobación

  1. En el panel Resultados (Ventana > Resultados), seleccione la ficha Comprobación de compatibilidad con navegadores.
  2. Haga clic en la flecha verde de la esquina superior derecha del panel Resultados y seleccione Configuración.
  3. Seleccione la casilla de verificación de los navegadores que desee comprobar.
  4. Para cada navegador, a partir de qué versión se realizará la comprobación en el correspondiente menú emergente.

    Por ejemplo, si los problemas de representación CSS podrían aparecer en Internet Explorer 5.0 y en versiones posteriores, y en Netscape Navigator 7.0 y en versiones posteriores, seleccione las casillas de verificación junto a los nombres de esos navegadores y, a continuación, elija 5.0 en el menú emergente de Internet Explorer y 7.0 en el menú emergente de Netscape.

Exclusión de un error de la comprobación de compatibilidad con navegadores

  1. Ejecute una comprobación de compatibilidad con navegadores.
  2. En el panel Resultados, haga clic con el botón derecho del ratón (Windows) o mantenga la tecla pulsada y haga clic (Macintosh) en el problema que desea excluir de una comprobación futura.
  3. Seleccione Ignorar problema en el menú contextual.

Edición de la lista de problemas ignorados

  1. En el panel Resultados (Ventana > Resultados), seleccione la ficha Comprobación de compatibilidad con navegadores.
  2. Haga clic en la flecha verde de la esquina superior derecha del panel Resultados y seleccione Editar lista de problemas ignorados.
  3. En el archivo Exceptions.xml, busque el problema que desea eliminar de la lista de problemas ignorados y elimínelo.
  4. Guarde y cierre el archivo Exceptions.xml.

Almacenamiento de un informe de comprobación de compatibilidad con navegadores

  1. Ejecute una comprobación de compatibilidad con navegadores.
  2. Haga clic en el botón Guardar informe situado en el lado izquierdo del panel Resultados.
    Para ver información de herramientas, pase el puntero del ratón por encima de los botones del panel Resultados.
    Nota: Los informes no se guardan automáticamente; si desea conservar una copia de un informe, debe seguir el procedimiento descrito anteriormente para guardarlo.

Visualización de un informe de comprobación de compatibilidad con navegadores en un navegador

  1. Ejecute una comprobación de compatibilidad con navegadores.
  2. Haga clic en el botón Examinar informe situado en el lado izquierdo del panel Resultados.
    Para ver información de herramientas, pase el puntero del ratón por encima de los botones del panel Resultados.

Consulta del sitio Web de Adobe CSS Advisor

  1. En el panel Resultados (Ventana > Resultados), seleccione la ficha Comprobación de compatibilidad con navegadores.
  2. Haga clic en el texto del vínculo de la parte inferior derecha del panel.