Junior
¿Qué secciones hay en las herramientas de desarrollo (Dev Tools)?
sobes.tech AI
Respuesta de la IA
- Elementos - Permite ver y editar la estructura HTML y los estilos CSS en tiempo real.
- Consola - Se usa para depurar JavaScript, ejecutar expresiones y ver mensajes (logs) de scripts y del navegador.
- Fuentes - Permite ver el código fuente de la página, archivos JavaScript y CSS, y establecer puntos de interrupción para depuración.
- Red - Rastrea todas las solicitudes de red realizadas por la página (HTTP, HTTPS, WebSockets), mostrando su estado, tiempo de carga y tamaño.
- Rendimiento - Ayuda a analizar el rendimiento de la página web, identificando cuellos de botella relacionados con scripts, renderizado y carga.
- Memoria - Permite perfilar el uso de memoria por los scripts de la página, y detectar fugas de memoria.
- Aplicación - Contiene herramientas para trabajar con almacenamiento local (Local Storage, Session Storage), cookies, caché, servicios web y el manifiesto de la aplicación web.
- Seguridad - Proporciona información sobre la seguridad de la conexión actual (certificados SSL/TLS, contenido mixto).
- Lighthouse - Herramienta para auditar el rendimiento, accesibilidad, buenas prácticas, SEO y PWA.
- Grabadora - Permite grabar las interacciones del usuario con la página y reproducirlas, generando pruebas automatizadas.