HackerTube

Debugging The Web (Chrome Dev Summit 2016)

Chrome for Developers2 HN recommenders · 2016–2018
144K views · talk · dated · Uploaded 2016-11-11

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.

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

Web developmentTesting, debugging & developer tools

Watch on YouTube

3 comments from Hacker News

@daypack2016 · in “Why we need the best tools on Chromebooks and Raspberry Pi”

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]

RecommendsView on HN
@aslushnikov2017 · in “UnCSS: Remove unused styles from CSS”

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]

CitesView on HN
@timrichard2018 · in “Console.table()”

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]

RecommendsView on HN