Las herramientas de desarrollador del navegador
Las DevTools (se abren con F12 en la mayoría de navegadores) son el mejor aliado del QA web. Permiten inspeccionar la página, ver errores, analizar peticiones de red y simular dispositivos, sin necesidad de programar.
| Pestaña | Para qué sirve en QA |
|---|---|
| Elements | Inspeccionar el HTML/CSS de un elemento |
| Console | Ver errores de JavaScript |
| Network | Revisar peticiones, códigos y tiempos |
| Device toolbar | Simular tamaños de pantalla y móviles |
Cuando reportes un bug web, abre la pestaña Console y Network: muchos defectos van acompañados de un error visible ahí, que es evidencia valiosísima para el desarrollador.
PreguntaToca para voltear
¿Qué pestaña de DevTools usarías para ver si una petición devolvió error 500?
¿Dónde verías los errores de JavaScript de una página web?