Las Herramientas para desarrolladores de Chrome ofrecen muchas herramientas potentes que te ayudan a inspeccionar y mejorar en profundidad tus aplicaciones web.
En el siguiente video, se proporciona una descripción general de seis herramientas fundamentales, incluidos el botón Inspect y Device Mode, junto con los paneles Elements, Console, Sources y Network. Además, aprenderás sobre la pestaña Estilos y formas de personalizar las Herramientas para desarrolladores.
Mira el video para aprender a hacer lo siguiente:
- Inspecciona y edita elementos del DOM.
- Visualiza y cambia las dimensiones de un elemento con Box Model.
- Consulta cómo se ve tu página en los dispositivos móviles.
- Identifica los errores de JavaScript con el panel de la consola.
- Depura JavaScript con puntos de interrupción en el panel Fuentes.
- Analiza y filtra la actividad de red en el panel Red.
- Simula velocidades de conexión más lentas.
- Personaliza Herramientas para desarrolladores.
Para obtener información detallada, consulta nuestra descripción general de Herramientas para desarrolladores.