> For the complete documentation index, see [llms.txt](https://notes.davidfeng.us/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://notes.davidfeng.us/web-developement/chrome-dev-tools.md).

# Chrome Dev Tools

## To Open Dev Tools

* ⌘ (command) + ⌥ (option/alt) + i opens the last panel
* ⌘ (command) + ⌥ (option/alt) + j opens the console panel

## [Console](https://developers.google.com/web/tools/chrome-devtools/console/utilities)

* `$(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.