Getting into the Chrome DevTools:
-
Right-click and element and select "Inspect Element"
-
Click the triple line menu in the upper right corner of the browser. Then "Tools" (or "More Tools") > "Developer Tools"
-
Via the Command-Option-I keyboard shortcut
The three most useful tabs (to begin with):
-
Elements: inspect and edit DOM and CSS/computed styles
-
Sources: edit sources and set breakpoints.
-
Console: interact with live JS