Getting started with google-chrome-devtools

Download google-chrome-devtools eBook

Remarks

This section provides an overview of what google-chrome-devtools is, and why a developer might want to use it.

It should also mention any large subjects within google-chrome-devtools, and link out to the related topics. Since the Documentation for google-chrome-devtools is new, you may need to create initial versions of those related topics.

Accessing Chrome Dev Tools

While chrome browser is open to any tab (except welcome tabs) you have three options to open Chrome Dev Tools:

Keyboard: Type command ⌘+option+i

Browser Menu: Click 'Menu' > 'More Tools' > 'Developer Tools'

browser menu to chrome dev tools

Program Menu (at top of your screen): Click 'View' > 'Developer' > 'Developer Tools'

Program Menu to chrome dev tools

Go to member (javaScript function/CSS rule)

Use CTRL+SHIFT+O (+SHIFT+O for mac) to navigate to a javaScript function/CSS rule when viewing a file.

Search by filename

While in the sources tab use CTRL+O (+O for Mac) to search by filename.

Stats

45 Contributors: 5
Saturday, January 14, 2017
Licensed under: CC-BY-SA

Not affiliated with Stack Overflow
Rip Tutorial: info@zzzprojects.com

Download eBook