¿Cómo funcionan juntos los diversos componentes de un navegador web?

Los principales componentes del navegador son:

  1. La interfaz de usuario : esto incluye la barra de direcciones, el botón de retroceso / avance, el menú de marcadores, etc. Cada parte de la pantalla del navegador, excepto la ventana donde ve la página solicitada.
  2. El motor del navegador : ordena las acciones entre la interfaz de usuario y el motor de representación.
  3. El motor de renderizado : responsable de mostrar el contenido solicitado. Por ejemplo, si el contenido solicitado es HTML, el motor de procesamiento analiza HTML y CSS, y muestra el contenido analizado en la pantalla.
  4. Redes : para llamadas de red, como solicitudes HTTP, utilizando diferentes implementaciones para diferentes plataformas detrás de una interfaz independiente de la plataforma.
  5. UI backend : se usa para dibujar widgets básicos como cuadros combinados y ventanas. Este backend expone una interfaz genérica que no es específica de la plataforma. Debajo, utiliza métodos de interfaz de usuario del sistema operativo.
  6. Intérprete de JavaScript . Se utiliza para analizar y ejecutar código JavaScript.
  7. Almacenamiento de datos . Esta es una capa de persistencia. Es posible que el navegador deba guardar todo tipo de datos localmente, como las cookies. Los navegadores también admiten mecanismos de almacenamiento como localStorage, IndexedDB, WebSQL y FileSystem


Es importante tener en cuenta que los navegadores como Chrome ejecutan varias instancias del motor de representación: una para cada pestaña. Cada pestaña se ejecuta en un proceso separado.

Puede revisar las siguientes referencias que explican cada parte:

Cómo funcionan los navegadores: detrás de escena de los navegadores web modernos – HTML5 Rocks

¿Qué es un navegador y cómo funciona?

Cómo funciona un navegador web