Chrome Dev Summit 2020 is back & going virtual on December 9-10. Learn more

Articles by Paul Bakaus

Open Web Developer Advocate at Google • Tools, Performance, Animation, UX

DevTools Digest: More Power with the New Command Menu

Read about DevTools' new command menu and its over 60 actions that enable super fast workflows.

A New Device Mode for a Mobile-First Generation

Learn all about Chrome DevTools' new, refreshed Device Mode introduced in Chrome 49.

Supercharged Remote Debugging, Class Toggles and Our Own Late Night Show?!

Learn all about the revamped “Inspect Devices” UI, toggle classes easily in the now-fixed style panel and watch the pilot of DevTools Tonight.

DevTools Go Dark, @keyframe Editing and Smarter Autocomplete

Learn how DevTools makes you type less with smarter Console autocomplete, how to edit @keyframe rules directly in the Styles pane, how to have fun with CSS Custom Variables and how to join the dark side.

Security Panel Debuts in Chrome DevTools

Learn all about the new Security Panel in Chrome DevTools.

DevTools Digest (CDS Edition): A Glimpse into the Future and RAIL Profiling

Learn how DevTools is going mobile first with a new, streamlined Device Mode that’s always on. Use the color buttons to quickly add colors to your selectors and find out what’s coming to DevTools soon.

DevTools Digest: Efficient Element Edits, Service Worker Debugging, and Material Design Shades

Use the DOM panel’s new context menu to efficiently edit nodes. Debug services workers directly via the Resources panel. Choose from all of the Material Design shades in the colorpicker. Blackbox JS libraries more easily.

DevTools Digest: Tab Reordering, Console is #2 and Framework Event Listeners

Re-order DevTools tabs which ever way suits you best and see exactly where framework events were bound.

Icons & Browser Colors

Modern browsers make it easy to customize certain components, like icons, the address bar color, and even add things like custom tiles. These simple tweaks can increase engagement and bring users back to your site.

DevTools Digest: Aggregated Timeline Details, Color Palettes and More

Find out which third-party scripts cause perf issues with the Aggregated Details in Timeline, how to choose consistent colors with the new color palette and much more.

A new home for DevTools

We've moved into our shiny new home at and have great new tutorials and tips for you.

Set Up CSS and JS Preprocessors

Learn how to set up CSS & JS preprocessors to help you code more efficiently.

DevTools Digest: Film strip and a new home for throttling

Discover the new film strip functionality and more in this first of many DevTools Digest updates.

Hard reload

With DevTools opened, click and hold the reload button to see more options.

Emulate and Test Other Browsers

Your job doesn't end with ensuring your site runs great across Chrome and Android. Even though Device Mode can simulate a range of other devices like iPhones, we encourage you to check out other browsers solutions for emulation.

Compare Similar Data Objects

Compare similar data objects using the table() method.

Diagnose and Log to Console

Console logging is a powerful way to inspect what your page or application does. Let's start with console.log() and explore other advanced usage.

Emulate Sensors: Geolocation and Accelerometer

Touch screens, GPS chips, and accelerometers can be difficult to test since most desktops don't have them. The Chrome DevTools sensor emulators reduce the overhead of testing by emulating common mobile device sensors.

How to step through your code

By executing code one line or one function at a time, you can observe changes in the data and in the page to understand exactly what is happening.

Map Preprocessed Code to Source Code

Keep your client-side code readable and debuggable even after you've combined, minified or compiled it.

Measure and count executions

Take advantage of the Console API to measure execution times and count statement executions.

A new home for DevTools

We've moved into a shiny new home at have great new tutorials and tips for you.