¿Qué son exactamente las DevTools?
Conjunto de herramientas integradas en el navegador para desarrollo y debugging.
DevTools no es solo una consola. Incluye paneles especializados para estructura HTML, estilos CSS, ejecución JavaScript, red, almacenamiento, rendimiento y más.
La clave es trabajar con evidencia: en vez de suponer por qué algo falla, lo ves en tiempo real con datos concretos.
Elements: DOM y CSS efectivos.Console: logs, errores y pruebas rápidas.Sources: breakpoints y depuración paso a paso.Network: peticiones, tiempos, caché y payloads.Performance: CPU, long tasks y trazas.