🎃 Grandes descuentos en libros en línea, eformaciones y vídeos*. Código CALABAZA30. Pulse aquí
¡Acceso ilimitado 24/7 a todos nuestros libros y vídeos! Descubra la Biblioteca Online ENI. Pulse aquí
  1. Libros
  2. HTML5 y CSS3
  3. Los navegadores
Extrait - HTML5 y CSS3 Domine los estándares de creación de sitios web (2ª edición)
Extractos del libro
HTML5 y CSS3 Domine los estándares de creación de sitios web (2ª edición)
3 opiniones
Volver a la página de compra del libro

Los navegadores

La evolución de los navegadores

Para empezar este capítulo, encontrará algunas fechas importantes sobre la historia de los navegadores. A finales del año 1990, Tim Berners Lee desarrolla el primer editor y el primer navegador web, en el seno del CERN. En 1994, Marc Andreessen funda Mosaic Communications Corp., que se convertirá en el futuro Netscape. A continuación, todos los fabricantes de plataforma crearán su propio navegador, como Microsoft Internet Explorer (1995) y Apple Safari (2003). Luego, llegan los fabricantes independientes y empujan el mercado, como Mozilla Firefox en noviembre de 2004 y Opera, que se hará gratuito en 2005.

Actualmente, en las plataformas habituales, la oferta se limita a cuatro actores principales: Microsoft Edge, Google Chrome, Mozilla Firefox y Apple Safari. Pero por supuesto, existen otros navegadores web. El soporte para móviles cada vez es más importante en la vida diaria, tanto a nivel personal como profesional, todos los fabricantes han publicado una versión móvil de su navegador. Entre estos diferentes fabricantes, la carrera de la innovación es muy importante, lo que provoca que se publiquen nuevas versiones de manera muy regular. En este libro, se utilizan las versiones de julio de 2020.

Las herramientas de desarrollo

Las herramientas destinadas a los desarrolladores se ofrecen de manera nativa en los cuatro principales navegadores nombrados.

  • En Microsoft Edge, vaya al menú de las opciones de la derecha y seleccione Herramientas de desarrollo F12.

  • En Google Chrome para Windows, vaya al menú de las opciones a la derecha y seleccione Herramientas de desarrollo. En Google Chrome para macOS, vaya al menú Ver - Opciones para los desarrolladores y tendrá acceso a los ítems: Código fuente, Herramientas de desarrollo y Consola JavaScript.

  • En Mozilla Firefox, vaya al menú Herramientas - Desarrollador web. Accederá a muchos ítems dedicados para la depuración de las páginas web. Observe que Mozilla ofrece Firefox Developer Edition, que es un navegador especializado dedicado al desarrollo de los sitios web, con numerosas herramientas dedicadas a esta tarea: https://www.mozilla.org/es-ES/firefox/developer/

  • Para terminar, en Apple Safari, inicialmente debe ir a las Preferencias, en la pestaña Avanzado, y marcar la opción Mostrar el menú Desarrollo en la barra de menús. Una vez hecho esto, se visualiza el menú Desarrollo con numerosos ítems dedicados a la depuración de las páginas web.

La compatibilidad de los navegadores

Acabamos de mencionar en la sección anterior lo que el W3C ofrece y los navegadores de los que se dispone. Sepa que, para las CSS, los fabricantes de los navegadores pueden proponer al W3C sus propias propiedades, para una eventual estandarización.

Para HTML5, no hay problemas de reconocimiento por así decirlo, y la norma se oficializa como recomendación desde octubre de 2014.

Para las CSS 3, cada módulo se desarrolla a su propio ritmo y su evolución se indica por medio de los estados mencionados en el primer capítulo. Los navegadores integran estas nuevas propiedades CSS de manera regular. Para conocer la compatibilidad de las propiedades CSS, la mejor solución es dirigirse regularmente al sitio web Can I Use: http://caniuse.com. Para cada propiedad, puede ver su compatibilidad con las diferentes versiones de los principales navegadores dentro de una tabla.

images/02RIT01.png