República Bolivariana de VenezuelaMinisterio del Poder Popular para La Educación Superior

Instituto Universitario Politécnico de los LlanosValle de la Pascua,EDO-Guarico

Alvarenga, JuniorPadrón, YelimarZamora, OmarMedina, Rafael

Gecko es un navegador ajustable, desarrollado como parte del proyecto de

código abierto Mozilla y basado más bien en las normas del W3C que en los códigos

propietarios típicos del pasado. Respetar los estándares/normas/pautas del Web

simplifica la interacción de los navegadores en el desarrollo y permite la

accesibilidad

Mozilla Firefox

Prueba rápida de compatibilidadSi vuestro sitio trabaja con las tecnologías

propietarias de Netscape 4.x y de Microsoft, consulten el artículo siguiente para conocer

rápidamente los principios generales de estas normas. Éste test de compatibilidad será mucho más benéfico para los sitios que

utilicen un código simple o que estén en fase de modificación para soportar los estándares.

Preparación de los navegadores para la prueba

No todos los navegadores que utilizan Gecko contienen Firefox ou Netscape en su cadena "user-agent". Es importante, entonces,

verificar que se detectan correctamente navegadores como AOL para Mac OS X.

Se pueden descargar varios navegadores de Mozilla. O, si se utiliza la detección de "user-agent", instalar una extensión para Firefox o Mozilla que permitirá «simular» las cadenas "user-agent" de éstos

navegadores Gecko. Aquí tiene como hacerlo:

* 1) Abrir SeaMonkey, Firefox o la antigua suite Mozilla. La ventaja de utilizar éstos navegadores es que detectando únicamente las cadenas Netscape o Netscape6, se llega

directamente a los eventuales problemas. * 2) Instalar la extensión User Agent Switcher (en).

* 3) Después de arrancar de nuevo el navegador hay que poner las cadenas "user-agent" de las cuales se desea probar la

detección. (Herramientas --> User Agent Switcher --> Options --> Options… --> User Agents --> Add…).

Una vez completado el cuadro de diálogo (debería parecerse a lo de abajo), Aceptar y cerrar la ventana

«Options». Parece que el enlace no funciona, se puede mirar en el original

[Image:GeckoCompatibilityHandbook-Configure-UASwitcher.PNG]

* 4) Ya puede empezar a utilizar la cadena "User-Agent" que acaba de crear: Herramientas --> User Agent Switcher

--> El nombre que ha elegido. Puede verificar que la cadena a cambiado en: Help --> About (Ayuda --> Acerca de …)

Encontrará las cadenas "user-agent" de los navegadores basados en Gecko, aquí. Lo mejor y si es posible, descargue

también los diferentes navegadores para probarlos individualmente.

.

Repasando los resultados

Los siguientes temas tienen relación con la detección de los navegadores. Para más

soluciones de problemas corrientes, siga leyendo.

Problema 1: El sitio respeta los estándares Web pero no se muestra correctamente

* Pruebe de utilizar la cadena user-agent de Internet Explorer 6.

* Si funciona, use los parámetro de la detección para dar el contenido IE 6 a los visitantes que

tienen Gecko en sus cadenas user-agent. IE 6.x es actualmente mucho más parecido a los

navegadores Gecko que Netscape 4.x, debido a una mejor ayuda de los estándares del W3C.

Problema 2: El sitio certificado Netscape 6.x se muestra incorrectamente en los

otros navegadores

* Si su sitio ya es compatible con Gecko, pruebe de volver a una cadena "user-

agent" de Netscape 6. Si es más o menos aceptable, probablemente sólo detectará

Netscape o Netscape6. * Detectar Gecko en su lugar es la vía

más fácil para mejorar la comodidad de los usuarios de Mozilla, SeaMonkey,

CompuServe 7, etc. (Artículo relacionado), en inglés

Problema 3: El sitio no funciona bien en todos los navegadores Gecko

Si todavía tiene problemas, puede consultar la sección de soluciones rápidas

de este manual. Además, si usa tecnologías propietarias de Netscape 4.x y/o de Microsoft, puede leer esto para

saber rápidamente qué diferencias hay en Gecko.

Problemas con AOL o CompuServe

Aunque su sitio se muestra correctamente en Netscape 7.x, es importante que lo

pruebe también en AOL pour Mac OS X y en CompuServe 7 para verificar la

detección del navegador (en inglés) y los posibles problemas de red.

Prueba de AOL detrás de un corta-fuego

Si debe conectarse a AOL detrás de un corta-fuego, América Online ha abierto los puertos

TCP/IP 5.190 y 11.523 para que pueda comunicarse con el servidor de AOL. De esta

forma podrá probar su sitio detrás de un corta-fuego, siempre y cuando el administrador de

redes haya abierto estos puertos.

Tiene que estar conectado a Internet para hacer la prueba de vuestro sitio en AOL; es imposible

acceder al sitio en una máquina local vía red local (LAN) sin una conexión Internet.

Referencias en caso de Problemas

Solución:1.Actualice el detector de navegador de JavaScript para que encuentre a «Gecko».2. Use las herramientas de validación de HTML y CSS del W3C para convalidar la página web. Corrija los errores y reemplace los códigos propietarios donde sea posible.3. * Actualice:

1. la detección del navegador para encontrar correctamente los navegadores Gecko. 2. los "API" para utilizar versiones más recientes conformes a los estándares. 3. vuestras herramientas de edición web con versiones que funcionen bien con las normas W3C y los navegadores Gecko

Problemas:1.La detección del navegador por JavaScript encuentra a Netscape 6.x pero no a los otros navegadores Gecko.2.La utilización de códigos propietarios o inválidos (como los generados por varias aplicaciones de Microsoft Office).3.La consola JavaScript en Netscape, Mozilla o Firefox muestra errores relacionados con: document.all (todo el documento), document.layers (capas del documento), document.<propiedades> los cuales no son definidos a causa de una mala detección del navegador o por la utilización de JavaScript propietario.

4.* Su hoja de estilo (CSS) está trabajando con el código de la CSS de Internet Explorer. * Internet Explorer no es sensible a los nombres de ID (Identificación) y de CLASS (Clases) mientras que los navegadores Gecko los identifica y trata como lo que son, con sentido. Una utilización inconsistente de estos nombres (ID y CLASS) en la hoja de estilo y en los elementos HTML provocará la no aplicación de los estilos en los navegadores Gecko. * Internet Explorer indica inexactamente la altura y ancho de los elementos lineales, por ejemplo SPAN. * Internet Explorer ejecuta incorrectamente el modelo de caja CSS (padding, margin-margen, border-bordes).

4. Es recomendable: NO

* utilizar códigos inválidos de las hojas de estilos de Internet Explorer. * definir altos y anchos de los elementos lineales como span

Pero sí:

* usar únicamente la interacción entre navegadores, las funciones y los modelos de caja CSS estándares. * especificar de la misma forma los nombres de clase (CLASS) y de identificación (ID) en HTML que en las hojas de estilo.

5. Órdenes incorrectas sobre la manera de interpretar el modo de disposición en DOCTYPE (tipo de documento).6. Órdenes incorrectas sobre la manera de interpretar el modo de disposición en el tipo de documento (DOCTYPE)

5. Si las páginas deben mostrarse en viejas versiones de navegadores, como Netscape Navigator 4 o Internet Explorer 4 y 5, no se olvide de especificar, en el tipo de documento, la forma en la cual los navegadores tienen que actuar: estándar, estricta o aleatoria. 6. Los modos de disposición estándares han sido pedidos por la orden escrita en el tipo de documento. Cambie ese tipo de documento de manera que trabaje con las órdenes correctas de interpretación.

7. El enlace utiliza posiblemente una forma inválida de URL relativa.8. El servidor web especifica incorrectamente el tipo MIME del contenido. Internet Explorer intenta adivinar este tipo MIME en los documentos cuando los navegadores Gecko confían en el servidor web para conocer el buen tipo MIME. Gecko no intenta leer el tipo MIME de un documento para reducir las posibilidades de procesar contenidos poco seguros o peligrosos enmascarados como un tipo MIME seguro.

7. * Cambie las URLs relativas http://directory/... por directory/... o utilice direcciones absolutas como http://example.com/directory/... * Verifique que todos los hiper-enlaces contienen las barras oblicuas en el sentido correcto (/).8. Aproveche la utilidad HEAD de Perl o PHP para determinar el tipo MIME real usado por el servidor Web. Corrija todos los tipos incorrectos en el servidor.

9. La presencia de un atributo title en un enlace link que se refiere a un hoja de estilo externa puede hacer que la CSS sea ignorada.10. El servidor web no empieza correctamente la ejecución de la negociación para SSL.

9. Asegúrese que todas las hojas de estilo sean aplicadas de manera persistente antes que sólo preferidas.10. * El administrador del servidor web debe actualizar su programa de servicio seguro. * Para navegar en un sitio con ejecución defectuosa de SSL, los visitantes deberán desactivar el protocolo TLS en Netscape 6/7 o Mozilla hasta que el sitio este actualizado con versiones que lo aceptan.

11. La versión de HierMenu es obsoleta.

* Las más antiguas soportan sólo Netscape Navigator 4.x, Internet Explorer 4.x y siguientes. * Las un poco más recientes: Netscape 6 y a partir de Netscape 6.1 y posteriores, la ayuda de las propiedades propietarias offsetXXX de Internet Explorer hace que HierMenu ponga unas ventanas emergentes (popups) en posiciones equivocadas. * Las últimas versiones de HierMenu funcionan plenamente en todos los navegadores Gecko.

11. Actualice con la versión más reciente de HierMenu

HTML propietario

Problema: utilizar etiquetas HTML de un navegador propietario específico (tal como: <LAYER> capa).

Puesto que se supone que un navegador ignora las etiquetas que no reconoce y devuelve el contenido dentro

de ellas, los autores de páginas web han combinado los códigos HTML propietarios para que sus páginas se muestren correctamente en cualquier navegador.

Los navegadores Gecko ignorarán las etiquetas HTML propietarias de Internet Explorer y Netscape Navigator 4.

Así pues, una página web no se mostrará en los navegadores Gecko de la misma manera que en Internet

Explorer 4 o Netscape Navigator 4.

El ejemplo principal es la utilización de la etiqueta <LAYER> propietaria de Netscape Navigator 4, corrientemente usada

para la navegación en un sitio. Para saber las alternativas basadas en estándares, ver este artículo. (en).

Podemos verificar rápidamente la correcta utilización de las etiquetas HTML propietarias en una página sometiéndola al verificador de HTML del W3C usando el tipo de documentos

HTML 4.01. Abordaremos detalladamente los tipos de documentos (DOCTYPE) más adelante, pero esencialmente, sirven para indicar al navegador cual es la versión HTML de

la página.

La Referencia de interacción de elementos HTML (en) facilita una lista de todos los elementos HTML sostenidos

en Netscape 4, los navegadores Gecko, Internet Explorer 4 y superiores, y se puede utilizar para determinar qué

elementos son soportados para todos los navegadores.

Detección del navegador

Problema: mala detección del navegador o interpretación del código

Mientras que la detección es útil para permitir a los autores escribir páginas web que sólo trabajen con navegadores

específicos, una equivocada detección podrá conducir a una mala experiencia de los usuarios.

Numerosos problemas pueden surgir cuando una página web usa la detección de un navegador para determinar que

características propietarias utiliza un navegador en particular.

Problemas de SeguridadLa primera vulnerabilidad mencionada

involucra la interfaz XML de Mozilla, XUL,

la segunda se relaciona con un problema localizado en el stylesheet XSL que puede ser usado para bloquear el navegador durante la transformación XSL. Ambas fallas pueden ser

activadas si la victima entra en una página con código malintencionado. La visitar una de estas

páginas el atacante instale y corre código no autorizado en la computadora de la víctima