Changes: Track your HTML, CSS, and JavaScript changes

Track changes to HTML, CSS, and JavaScript.

Sofia Emelianova

Sofia Emelianova

Debug background services

How to debug Background Fetch, Background Sync, Notifications, Push Messages, and view reports with Chrome DevTools.

Watch JavaScript values in real-time with Live Expressions

If you find yourself typing the same JavaScript expressions into the Console repeatedly, try Live Expressions instead.

Console overview

The main uses of the Chrome DevTools Console are logging messages and running JavaScript.

Kayce Basques

Kayce Basques

Run JavaScript in the Console

Learn how to run JavaScript in the Console.

Kayce Basques

Kayce Basques

Edit and save files with Workspaces

Learn how to save changes made within DevTools to disk.

Sources panel overview

View and edit files, create Snippets, debug JavaScript, and set up Workspaces in the Sources panel of Chrome DevTools.

Pause your code with breakpoints

Learn about all the ways you can pause your code in Chrome DevTools.

JavaScript debugging reference

Discover new debugging workflows in this comprehensive reference of Chrome DevTools debugging features.

Debug JavaScript

Learn how to use Chrome DevTools to find and fix JavaScript bugs.

Run snippets of JavaScript

Snippets are small scripts that you can author and execute within the Sources panel of Chrome DevTools. You can access and run them from any page. When you run a snippet, it executes from the context of the currently open page.

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.