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.

Kayce Basques Sofia Emelianova

Kayce Basques, Sofia Emelianova

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.

Kayce Basques

Kayce Basques

Sources panel overview

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

Kayce Basques

Kayce Basques

Pause your code with breakpoints

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

Kayce Basques

Kayce Basques

JavaScript debugging reference

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

Kayce Basques

Kayce Basques

Debug JavaScript

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

Kayce Basques

Kayce Basques

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.

Kayce Basques

Kayce Basques

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