Good videos, with context.
Debugging The Web (Chrome Dev Summit 2016)

Debugging The Web (Chrome Dev Summit 2016)

Chrome for Developers
2 HN recommenders · discussed 2016–2018
Open YouTube ↗

About this video

Paul Irish's Chrome Dev Summit 2016 talk surveys the state of the art in Chrome DevTools debugging. It covers workspaces, diffs, CSS coverage, Node debugging, editor improvements and Lighthouse.

Why it appears in the archive

HN commenters cite it as a roundup of useful DevTools features and tips from Paul Irish.

AI-generated summary and labels from the source dataset; verify important details against the video. Source & credits.

From the Hacker News discussion

daypack · 2016-11 · rec

Chrome Canary has improved workspace support, diffs, nodejs debugging and more editor improvements that make Dev Tools hard to beat as a HTML/JS/CSS IDE. See "Debugging The Web" session from the recent Dev Summit: [VIDEO]

Read original comment ↗
timrichard · 2018-06 · rec

If you use Chrome DevTools, there are a few resources that I think are really useful for getting the most out of them and making the workflow a bit easier. Paul Irish has a great roundup here : [VIDEO] Umar Hansa has a great mailing list for DevTools tips, and there are some good ones to browse here : [LINK]

Read original comment ↗
aslushnikov · 2017-03 · reference

There's a "Coverage Support" experiment in Chrome DevTools which does css + js coverage in a way you describe it. The CSS part was shown on Chrome DevSummit 2016 [1] [1] [VIDEO]

Read original comment ↗