Navegador
El programa que pide páginas, entiende su código y lo dibuja en tu pantalla.
✦Apagada: responde bien la pregunta del final para encenderla
También lo verás como: navegadores · browser · Chrome · Firefox
Analogía
Un reproductor de música. El archivo (HTML + CSS + JavaScript) es la partitura; el navegador es el músico que la interpreta. Dos músicos pueden tocar la misma partitura con diferencias mínimas: por eso una web puede verse ligeramente distinta en Chrome y en Safari.
Lo que importa saber
- Cada navegador tiene un motor que interpreta el código: Chrome y Edge usan Blink, Firefox usa Gecko, Safari usa WebKit.
- Consecuencia práctica: hay que probar en varios, y sobre todo en móvil. "En mi Chrome se ve bien" no es que funcione.
- El navegador es también tu herramienta de trabajo, porque trae las DevTools dentro.
- Todo lo que llega al navegador es público: cualquiera puede ver el código de tu frontend. Ahí no se guardan secretos nunca.
Para qué sirve / cuándo aparece
Es el cliente del modelo Cliente-servidor: el que pide. Todo tu trabajo de frontend acaba ejecutándose aquí.
Un paso más: lo que hace en un segundo
Cuando pulsas Enter, el navegador hace cuatro trabajos seguidos:
- Pide: averigua la IP con el DNS y envía la petición.
- Lee: recibe texto (HTML) y lo convierte en una estructura ordenada de elementos.
- Dibuja: aplica los estilos (CSS) y pinta cada cosa en su sitio. A esto se le llama renderizar.
- Ejecuta: pone en marcha el JavaScript, que hace que la página reaccione.
Navegador no es lo mismo que buscador. Chrome, Firefox y Safari son navegadores (programas). Google es un buscador (una web que visitas con el navegador).
Compruébalo tú
Abre la misma web en dos navegadores distintos (o en el ordenador y en el móvil) y busca una diferencia: un tamaño, un espacio, una tipografía.
¿Cuál de estos es un navegador?
Ver también
DevTools · frontend · HTML · Cliente-servidor