viernes, 11 de diciembre de 2015


INTRODUCCIÓN



1.      Los navegadores de Internet son el programa que permite acceder a la web. Desde su aparición en 1991, los navegadores han evolucionado considerablemente, a la vez que la propia web. Para muchos usuarios y durante muchos años, decir navegador web ha sido decir Internet Explorer de Microsoft. Internet Explorer ha sido durante muchos años el navegador más utilizado..
 Un navegador es básicamente un programa que interpreta el lenguaje en el que están escritas las páginas Web y las presenta en pantalla con todos sus elementos.
Los navegadores además de visualizar los elementos de las páginas y permitir la interacción del usuario con las mismas mediante los enlaces, ofrecen otras muchas posibilidades que definen en conjunto el concepto de navegación.

¿QUÉ ES UN NAVEGADOR WEB?








Un Explorador Web o Navegador es un programa que permite visualizar páginas web en la red además de acceder a otros recursos, documentos almacenados y guardar información.
El Navegador se comunica con el servidor a través del protocolo HTTP y le pide el archivo solicitado en código HTML, después lo interpreta y muestra en pantalla para el usuario.
Un navegador o explorador web - conocido en inglés como web browser - es un programa o software, por lo general gratuito, que nos permite visualizar páginas web a través de Internet además de acceder a otros recursos de información alojados también en servidores web, como pueden ser videos, imágenes, audio y archivos XML.

Pero un navegador también nos permite almacenar información o acceder a diferentes tipos de documentos en el disco duro, etc, acceder a redes privadas, y crear marcadores (bookmarks).

El acceso a otras páginas web a través de los hiperenlaces (hipervínculos o enlaces) se llama navegación, término del que deriva el nombre de navegador, aunque una minoría prefieren llamarlo hojeador que sería la traducción literal de la palabra browser.
Algunos navegadores vienen incorporados a su sistema operativo como es el caso de Internet Explorer en Windows Microsoft, Safari en Mac OS X, o Firefox, Opera o Flock en Linux.

PARTES DE UN NAVEGADOR

Cuando utilizamos un navegador o browser podemos identificar en él, independientemente del que estemos utilizando, las siguientes partes:
  • Barra de título
  • Menús
  • Barra de herramientas
    • Barra de navegación
    • Barra de marcadores
    • Barra de búsqueda
  • Pestañas
  • Barra de direcciones
  • Área de trabajo
  • Barra de estado
Barra de título
En esta barra se mostrará el título de la página. Es decir, lo que la página tenga como contenido dentro de la etiqueta <TITLE>. También suele cargar el icono (o favicon) asociado a la página.
Menús
Estos son los típicos menús de ventana. En ellos encontraremos las opciones típicas desde Abrir un archivo, Copiar el texto,… hasta las específicas de los navegadores como son la gestión de Marcadores (o favoritos), historiales, herramientas del navegador,…
Barra de herramientas
Esta es la barra que carga las diferentes herramientas asociadas al navegador. Las más importantes suelen ser las siguientes:
  • Barra de navegación, nos carga los iconos que nos permiten navegar por la web. Ir adelante, atrás, recargar, parar la carga,..
  • Barra de marcadores, nos pone las opciones de favoritos de una forma visual y de rápido acceso.
  • Barra de búsqueda, los navegadores suelen venir con accesos directos a buscadores como Google o Ask.
Pestañas
Los últimos navegadores proporcionan la navegación en pestañas. Esto permite tener abiertos varios sitios web en una misma ventana. Pulsando entre las diferentes pestañas cambiamos de sitio de forma sencilla. Suelen venir con un botón de + para añadir nuevas pestañas.
Barra de direcciones
Será en la que insertemos la URL de la página que queramos visitar. En ella iremos viendo en que URL de la navegación estamos costantemente.
Área de trabajo
Es dónde se carga la página web y el área sobre el que interactuaremos.
Barra de estado
Suele dar información de los enlaces cuando pasamos sobre ellos, del estado de una página cuando se carga,…
Dependiendo del navegador, y sobre todo de su antiguedad, puede que ciertas partes existan y otras no. O bien, que ciertas partes sean visibles desde un primer momento o haya que indicarle al navegador que se visualicen.

1.      COMPONENTES

Componentes de un navegador moderno

Simplificando mucho, y prescindiendo de mayores detalles técnicos, podemos decir que las principales partes de un navegador web moderno son:
  • La Interfaz de usuario
  • Un layout engine o motor de renderizado (el verdadero núcleo del navegador)
  • Un JavaScript engine o intérprete JavaScript

En los navegadores, como en cualquier aplicación de software, la interfaz gráfica de usuario o GUI (del inglés Graphic User Interface) es el medio por el cual interactuamos con la aplicación.

Su función es que podamos desarrollar la comunicación con la aplicación de la forma más fácil y cómoda, y que las funciones más usadas tengan acceso preferente.
Cada navegador tiene su propia interfaz de usuario, con distinta organización de menús y submenús, distinta forma de representar las pantallas, distinta organización de las funcionalidades...

Motor de renderizado

Es el componente más importante de cualquier navegador.

En esencia, el motor de renderizado toma el contenido etiquetado con HTML y la información de estilos (maquetación) contenida en las hojas de estilo en cascada o CSS (del inglés Cascade Style Sheet) y las combina para mostrar el contenido ya formateado.

Para entendernos, el motor de renderizado 'dibuja' el contenido en una ventana, que es mostrada al usuario o, en su caso, impresa

JavaScript Engines, o motores JavaScript

Un motor JavaScript es la parte del navegador que interpreta y ejecuta el código escrito en el lenguaje de programación JavaScript

Los motores JavaScript son exclusivos de cada navegador, y constituyen otro elemento fundamental para la velocidad a la que cada browser es capaz de interpretar las instrucciones y realizar el renderizado de la página a cargar. En definitiva, la combinación Layout Engine + Javascript Engine es la que determina la velocidad a la que cada navegador carga las páginas web.

Los JavaScript Engines adquirieron importancia a raíz de la aparición de Google Chrome en 2008, que literalmente barrió a la competencia en velocidad de ejecución. Pronto Mozilla y WebKit reaccionaron, entablándose una auténtica carrera.

Los motores JavaScript evolucionan tan rápido que es difícil seguir su actual estado de desarrollo. Para nuestro propósito, nos basta con saber que el motor usado por Google es el motor de código abierto V8, Mozilla sigue evolucionando su Monkey (OdinMonkey, para Firefox 22), Microsoft potencia Chakra para su Internet Explorer, mientras que en Safari/Apple evolucionan su misterioso motor Nitro.


2.      COMO FUNCIONAN LOS NAVEGADORES:
Los navegadores se comunican con los servidores web por medio del protocolo de transferencia de hipertexto (HTTP) para acceder a las direcciones de Internet (URLs) a través de los motores de búsqueda. La mayoría de los exploradores web admiten otros protocolos de red como HTTPS (la versión segura de HTTP), Gopher, y FTP, así como los lenguajes de marcado o estándares HTML y XHTML de los documentos web. Los navegadores además interactúan con complementos o aplicaciones (Plug-ins) para admitir archivos Flash y programas en Java (Java applets).



COMPONENTES DE UN NAVEGADOR MODERNO


Simplificando mucho, y prescindiendo de mayores detalles técnicos, podemos decir que las principales partes de un navegador web moderno son:
  • La Interfaz de usuario
  • Un layout engine o motor de renderizado (el verdadero núcleo del navegador)
  • Un JavaScript engine o intérprete JavaScript

Interfaz de Usuario 

En los navegadores, como en cualquier aplicación de software, la interfaz gráfica de usuario o GUI (del inglés Graphic User Interface) es el medio por el cual interactuamos con la aplicación.

Su función es que podamos desarrollar la comunicación con la aplicación de la forma más fácil y cómoda, y que las funciones más usadas tengan acceso preferente.
Cada navegador tiene su propia interfaz de usuario, con distinta organización de menús y submenús, distinta forma de representar las pantallas, distinta organización de las funcionalidades...

Motor de renderizado

Es el componente más importante de cualquier navegador.

En esencia, el motor de renderizado toma el contenido etiquetado con HTML y la información de estilos (maquetación) contenida en las hojas de estilo en cascada o CSS (del inglés Cascade Style Sheet) y las combina para mostrar el contenido ya formateado.

Para entendernos, el motor de renderizado 'dibuja' el contenido en una ventana, que es mostrada al usuario o, en su caso, impresa

JavaScript Engines, o motores JavaScript

Un motor JavaScript es la parte del navegador que interpreta y ejecuta el código escrito en el lenguaje de programación JavaScript

Los motores JavaScript son exclusivos de cada navegador, y constituyen otro elemento fundamental para la velocidad a la que cada browser es capaz de interpretar las instrucciones y realizar el renderizado de la página a cargar. En definitiva, la combinación Layout Engine + Javascript Engine es la que determina la velocidad a la que cada navegador carga las páginas web.

Los JavaScript Engines adquirieron importancia a raíz de la aparición de Google Chrome en 2008, que literalmente barrió a la competencia en velocidad de ejecución. Pronto Mozilla y WebKit reaccionaron, entablándose una auténtica carrera.

Los motores JavaScript evolucionan tan rápido que es difícil seguir su actual estado de desarrollo. Para nuestro propósito, nos basta con saber que el motor usado por Google es el motor de código abierto V8, Mozilla sigue evolucionando su Monkey (OdinMonkey, para Firefox 22), Microsoft potencia Chakra para su Internet Explorer, mientras que en Safari/Apple evolucionan su misterioso motor Nitro.