Dale St. Marthe
Las Herramientas para desarrolladores de Chrome ofrecen muchas herramientas potentes que te ayudan a inspeccionar y mejorar tus aplicaciones web en profundidad.
En el siguiente video, se proporciona una descripción general de seis herramientas fundamentales, incluidos el botón Inspect y el Modo de dispositivo, junto con los paneles Elements, Console, Sources y Network. Además, aprenderás sobre la pestaña Styles y las formas de personalizar DevTools.
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 cuadro.
- Consulta cómo se ve tu página en dispositivos móviles.
- Identifica los errores de JavaScript con 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 DevTools.