Missed the action at this year's Chrome Dev Summit? Catch up with our playlist on YouTube. Watch now.

Latest contributions from Paul Bakaus

DevTools Digest: More Power with the New Command Menu

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

Console API Reference

Use the Console API to write information to the console, create JavaScript profiles, and start a debugging session.

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 developers.google.com/web/tools/chrome-devtools 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.

Using the Console

Learn how to navigate the Chrome DevTools JavaScript Console.

Hard reload

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

Test Responsive and Device-specific Viewports

Chrome DevTools' Device Mode lets you mimic how your development site will look in production on a range of devices.

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.

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.

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.

Simulate Mobile Devices with Device Mode

Use virtual devices in Chrome's Device Mode to build mobile-first websites.

Compare Similar Data Objects

Compare similar data objects using the table() method.

Measure and count executions

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

Map Preprocessed Code to Source Code

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

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.

A new home for DevTools

We've moved into a shiny new home at developer.google.com/web have great new tutorials and tips for you.