Register for this year’s #ChromeDevSummit happening on Nov. 11-12 in San Francisco to learn about the latest features and tools coming to the Web. Request an invite on the Chrome Dev Summit 2019 website

Chrome DevTools

Chrome DevTools is a set of web developer tools built directly into the Google
Chrome browser. DevTools can help you edit
pages on-the-fly and diagnose problems quickly, which ultimately helps you build better
websites, faster.

Check out the video for live demonstrations of core DevTools workflows, including debugging CSS,
prototyping CSS, debugging JavaScript, and analyzing load performance.

Open DevTools

There are many ways to open DevTools, because different users want quick access to different
parts of the DevTools UI.

When you want to work with the DOM or CSS, right-click an element on the page and select Inspect
to jump into the Elements panel. Or press Command+Option+C (Mac) or
Control+Shift+C (Windows, Linux, Chrome OS).

When you want to see logged messages or run JavaScript, press Command+Option+J
(Mac) or Control+Shift+J (Windows, Linux, Chrome OS) to
jump straight into the Console panel.

Discover DevTools

The DevTools UI can be a little overwhelming... there are so many tabs! But, if you take some
time to get familiar with each tab to understand what's possible, you may discover that DevTools
can seriously boost your productivity.

Security panel

Community

The best place to file feature requests for Chrome DevTools is the mailing list.
The team needs to understand use cases, gauge community interest, and discuss
feasibility before implementing any new features.