Personal blog

CSS coverage, edit local files, inline breakpoints… [Chrome DevTools]

The Chrome team has added a bunch of very nice and shiny features to the Chrome DevTools. They should be available in the Canary branch right now and reach beta and stable at later dates. Unfortunately there’s no Canary for Linux so I’m not able to test these yet, blargh.

Best new features in my opinion:

CSS coverage by recording a timeline

Persistent file editing via DevTools

Automatic local project folder mapping

Inline breakpoints

Web and Node debugging at the same time

There are other additions as well. Check out this Debugging the Web video from Chrome Dev Summit 2016 to learn more. There’s also a nice little GIF showing how the CSS coverage works over at umaar.com.