Dale St. Marthe
Las Herramientas para desarrolladores de Chrome ofrecen muchas herramientas potentes que te ayudan a inspeccionar y mejorar a fondo 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 Styles y las 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 el Modelo de cuadros.
- Consulta cómo se ve tu página en los dispositivos móviles.
- Identifica los errores de JavaScript en el panel Console.
- Depura JavaScript con puntos de interrupción en el panel Sources.
- Analiza y filtra la actividad de red en el panel Red.
- Simula velocidades de conexión más lentas.
- Personaliza las Herramientas para desarrolladores.
Para obtener una descripción general detallada, consulta nuestra descripción general de Herramientas para desarrolladores.