Las 3 principales ventajas:
1. Depuración rápida: la consola integrada lo dirigirá a errores con su código. Lo bueno aquí es la capacidad de hacer clic en el enlace de error, y se le presenta una vista del código problemático.
2. Cambios de estilo sobre la marcha: para cambios de estilo rápidos, ni siquiera necesita usar un editor de texto. Puede inspeccionar el elemento particular en la página para determinar qué estilos se están aplicando. Luego puede hacer clic en los estilos específicos para modificarlos y ver la actualización en tiempo real dentro del navegador. También puede manipular el DOM directamente agregando / cambiando elementos de página dentro de la pestaña “Elementos”.
- ¿Qué curso completo de Udemy cubre mejor material?
- Cómo crear subdominios con script PHP en cPanel
- ¿Para qué sirve normalize.scss?
- ¿Por qué una casa de medios como el NY Times tiene tantos proyectos en Github?
- ¿Debería dejar de aprender CSS, HTML y JS y aprender bootstrap en su lugar (como exige este mundo moderno)?
3. Fácil de usar: es más una cuestión de preferencia, pero muchos colegas están de acuerdo conmigo. Las herramientas de Chrome Dev son limpias y fáciles de navegar. La barrera de entrada es bastante baja, incluso para aquellos con poca experiencia en desarrollo.
Mi respuesta se limita a las Herramientas para desarrolladores de Chrome que vienen incluidas con el navegador. Dicho esto, hay muchas extensiones de desarrollador que podrían revisarse con mayor detalle
Si aún no ha explorado los beneficios de las herramientas de desarrollo, consulte el curso gratuito de Code School aquí: Code School – Descubra DevTools