Chrome Dev Tools

To Open Dev Tools

• ⌘ (command) + ⌥ (option/alt) + i opens the last panel

• ⌘ (command) + ⌥ (option/alt) + j opens the console panel

Console

• $(selectors) is the same as document.querySelector(selectors), e.g. $("#loading"). Similarly $$ is querySelectorAll.

• $_ is the last returned value.

• inspect(object/function) opens and selects the element in the Element panel.