The browser developer tools
DevTools (opened with F12 in most browsers) are the web QA's best ally. They let you inspect the page, see errors, analyze network requests and simulate devices, with no coding required.
| Tab | What it is for in QA |
|---|---|
| Elements | Inspect an element's HTML/CSS |
| Console | See JavaScript errors |
| Network | Review requests, codes and timings |
| Device toolbar | Simulate screen sizes and mobiles |
When reporting a web bug, open the Console and Network tabs: many defects come with a visible error there, which is very valuable evidence for the developer.
QuestionToca para voltear
Which DevTools tab would you use to see if a request returned a 500 error?
Where would you see a web page's JavaScript errors?