Chrome DevTools

Chrome DevTools is a set of authoring, debugging, and profiling tools built into Google Chrome.

Open DevTools

  • Select More Tools > Developer Tools from Chrome's Main Menu.
  • Right-click a page element and select Inspect.
  • Press Command+Option+I (Mac) or Control+Shift+I (Windows, Linux).

Discover DevTools

Device Mode

Device Mode Build fully responsive, mobile-first web experiences.

Elements panel

Elements Panel

Iterate on the layout and design of your site by freely manipulating the DOM and CSS.

Console panel

Console Panel

Log diagnostic information during development or interact with the JavaScript on the page.

Sources panel

Sources Panel

Debug your JavaScript using breakpoints or connect your local files via Workspaces to use DevTools as a code editor.

Network panel

Network Panel

Optimize page load performance and debug request issues.

Performance panel (previously Timeline panel)

Timeline Panel

Improve the runtime performance of your page by recording and exploring the various events that happen during the lifecycle of a site.

Memory panel (previously Profiles panel)

Profiles Panel Profile memory usage and track down leaks.

Application panel

Application Panel

Inspect all resources that are loaded, including IndexedDB or Web SQL databases, local and session storage, cookies, Application Cache, images, fonts, and stylesheets.

Security panel

Security Panel

Debug mixed content issues, certificate problems, and more.

Get Involved (Bugs and Feature Requests)

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.

Mailing List

File bug reports in Crbug, which is the engineering team's bug tracker.

Crbug

If you want to alert us to a bug or feature request but don't have much time, you're welcome to send a tweet to @ChromeDevTools. We reply and send announcements from the account regularly.

Twitter

For help with using DevTools, Stack Overflow is the best channel.

Stack Overflow

To file bugs or feature requests on the DevTools docs, open a GitHub issue on the Web Fundamentals repository.

Docs Issues

DevTools also has a Slack channel, but the team doesn't monitor it consistently.

Slack