Hernandez_Hernandez_Practica web de la sesion 12.pptx
República bolivariana de venezuela
1. República Bolivariana de Venezuela
Ministerio del Poder Popular para La Educación Superior
Instituto Universitario Politécnico de los Llanos
Valle de la Pascua,EDO-Guarico
Alvarenga, Junior
Padrón, Yelimar
Zamora, Omar
Medina, Rafael
2. 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
3. Prueba rápida de compatibilidad
Si 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.
4. 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…).
5. 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.
6. .
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.
7. 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
8. 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.
9. 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.
10. 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.
11. 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.
12. 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.
13. 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.
14. 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.
15. 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.
16. 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
17. 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.
18. 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.
19. 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.
20. Problemas de Seguridad
La 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