google-chrome-devtools Getting started with google-chrome-devtools

Help us to keep this website almost Ad Free! It takes only 10 seconds of your time:
> Step 1: Go view our video on YouTube: EF Core Bulk Insert
> Step 2: And Like the video. BONUS: You can also share it!


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.

Got any google-chrome-devtools Question?