Debugging The Web (Chrome Dev Summit 2016)
Chrome for Developers2 HN recommenders · recommended in 2 months, 2016–2018
talk · intermediate · 2016–2018 on HN
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.
Up next
2 mo on HNMicro Men - 10th Anniversary - With Chris Curry, Steve Furber and Hermann Hauser
The Centre for Computing History
2 HN recommender · 2020–2025
8 mo on HNThe Secret War
Sergio IQ
4 HN recommender · 2019–2025
14 mo on HNWhat the heck is the event loop anyway? | Philip Roberts | JSConf EU
JSConf
16 HN recommender · 2015–2025
13 mo on HNRich Harris - Rethinking reactivity
You Gotta Love Frontend
15 HN recommender · 2019–2026
10 mo on HNCrockford on JavaScript - Volume 1: The Early Years
YUI Library
10 HN recommender · 2013–2022
10 mo on HNRailsConf 2016 - Turbolinks 5: I Can’t Believe It’s Not Native! by Sam Stephenson
Confreaks
6 HN recommender · 2017–2020
10 mo on HNJavaScript: The Good Parts
Google TechTalks
11 HN recommender · 2009–2020
9 mo on HNPete Hunt: React: Rethinking best practices -- JSConf EU
JSConf
9 HN recommender · 2014–2025
8 mo on HNDan Abramov - Live React: Hot Reloading with Time Travel at react-europe 2015
ReactEurope
12 HN recommender · 2015–2022
7 mo on HNHey Underscore, You're Doing It Wrong!
InfoQ
9 HN recommender · 2014–2022
6 mo on HNChris McCord - Keynote: Phoenix LiveView - Interactive Apps without Javascript - ElixirConf EU 2019
Code Sync
4 HN recommender · 2019–2024
6 mo on HNOAuth 2.0 and OpenID Connect (in plain English)
OktaDev
7 HN recommender · 2019–2026
3 comments from Hacker News
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 : ▶ this video Umar Hansa has a great mailing list for DevTools tips, and there are some good ones to browse here : link
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: ▶ this video
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] ▶ this video