El navegador en acción (+ DevTools)
Un navegador es un programa que obtiene archivos HTML/CSS/JS de un servidor y los convierte en una página visible e interactiva; DevTools (F12) es su "radiografía" interna: muestra cada solicitud y cada error. Por qué: en el trabajo de frontend (Fase 9), el navegador es tu escenario, y F12 es la herramienta de depuración gratuita más potente que jamás necesitarás; los propios archivos www de tu aplicación (Capacitor) son literalmente una capa de navegador. Cuándo: "la página está en blanco", "el botón no funciona", "los datos no llegaron", "es lento": cada uno de estos diagnósticos comienza en F12. Cómo: URL → DNS (lección 2) → HTTPS + GET (lección 3) → recibe HTML → mientras lo lee, encuentra CSS/JS/imágenes y envía NUEVAS solicitudes para cada uno → renderiza la página → JS le da vida. Dónde: Chrome/Edge/Firefox en tu PC; WebView en Android (un navegador sin barra de direcciones, dentro de tu APK). Quién: los desarrolladores frontend todo el día; pero los desarrolladores backend también verifican su propia API a través de F12 → Red.