Elements panel
The page's final HTML, with the styles on each element
Words that go with it
- ComputedThe final value of each style, and the size/padding/margin diagram
- ConsoleMessages from the page's code: errors (red), warnings (yellow), logs
- console.logA line of code that prints a message, used while debugging
- Device modeShowing the page at phone and tablet sizes
- Disable cacheMake Chrome download everything fresh, while DevTools is open
- Network panelEvery request the page makes, with its status, size and time
- PanelOne tab of DevTools: Elements, Console, Network…
- RequestThe browser asking for one file or piece of data
- Status codeThe server's answer as a number: 200 OK, 404 not found, 500 server error
- Styles paneThe CSS rules on the selected element; untick to switch one off
- ThrottlingSlowing the connection on purpose to test weak networks