Chrome DevTools
Google Developers Logo

Chrome DevTools LogoChrome DevTools

The Chrome DevTools are a set of web authoring and debugging tools built into Google Chrome. Use the DevTools to iterate, debug and profile your site.

Chrome Canary always has the latest DevTools.
  • Select More Tools > Developer Tools from the Chrome Menu.
  • Right-click on a page element and select Inspect
  • Use Ctrl/Cmd+Shift+I (more shortcuts)

Rewatch the future of mobile-first authoring in DevTools.

Discover the Panels

Device Mode

Learn how to customize the DevTools to suit your workflow.

Remote Debugging

Remote Debugging allows you to remotely debug and screencast any device running Chrome on your Desktop.

Device Mode

Use the Device Mode to build fully responsive, mobile-first web experiences.

Elements Panel

Use the Elements panel to iterate on the layout and design of your site by freely manipulating the DOM and CSS.

Console Panel

Use the Console to log diagnostic information during development or use it as a shell to interact with the JavaScript on the page.

Sources Panel

Debug your JavaScript using breakpoints in the Sources Panel or connect your local files via Workspaces to use DevTools live editor.

Network Panel

Use the Network panel to get insights into requested and downloaded resources and optimize your page load performance.

Timeline Panel

Use the Timeline to improve the run time performance of your page by recording and exploring the various events that happen during the lifecycle of a site.

Profiles Panel

Use the Profiles panel if you need more information than the Timeline provide, for instance to track down memory leaks.

Resources Panel

Use the Resources panel to inspect all resources that are loaded, including IndexedDB or Web SQL databases, local and session storage, cookies, Application Cache, images, fonts, and stylesheets.

Hot Off the Press

Aggregated Details

Aggregated Details

Find out which third party scripts make your page slow.
Color Palettes

Color Palettes

Automatic, Material and custom color palettes in the color picker.
New main menu

New main menu

Streamlined, easier docking, settings and help access.

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License, and code samples are licensed under the Apache 2.0 License. For details, see our Terms of Service.