In 2013, I posted a few tutorials on DevTools: Markup and Style, Networking and the Console and JavaScript and Performance, covering the basic features of the various DevTools panels. Since then, a lot has changed, so let’s take a look. Tl;dr DevTools has grown quite a bit since it was last covered on Tuts+, here are some of the features you’ll want to be aware of: Screencasting: view and interact with web pages on your Android device via DevTools on the desktop. Workspaces: use the Sources panel as a code editor. Edit code in your project and have that persist to disk. Source Map debugging: writing LESS/Sass or even CoffeeScript? Output Source Maps during compilation to have DevTools understand the mapping. *Flame Chart: *view an interactive …

Original article –

Chrome DevTools Features You May Have Missed


Also published on Medium.