Chrome Dev Tools

To Open Dev Tools

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

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

  • $(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.

Last updated