Skip to content
0:00 / 0:00

#chromedevtools#lighthouse#paulirish

Debugging The Web (Chrome Dev Summit 2016)

Chrome for Developers

822K subscribers • 20 videos on Hallway

YouTube
  • Recommended by 3 people: 2 on Hacker News and 1 in engineering communities.
  • Presented by Paul Irish, Chrome DevTools Engineer
  • Linked in the descriptionGoogleChrome/lighthouse
  • Made by the vendor. The company whose product it covers made or sponsored it.
  • May be out of date. The tools, versions or practices it shows have likely moved on.

Intermediate. Assumes working knowledge.

143K views9 years ago3 recommendations

Web developmentTools and practiceHow browsers workDebuggingWeb performance

Paul Irish demonstrates advanced debugging techniques in Chrome DevTools, covering workspaces, CSS coverage, Node.js debugging, and Lighthouse.

Learn the state of the art in debugging using Chrome dev tools with Paul Irish - all you need to know to expand your toolbox. Lighthouse Github: github.com/GoogleChrome/lighthouse Chrome Dev Tools: developers.google.com/web/tools/chrome-devtools/ Chrome Dev Tools Twitter: twitter.com/chromedevtools Watch more recordings from Chrome Dev Summit '16 at: goo.gl/TkgXYM Subscribe to the channel: youtube.com/chromedevelopers Music by Terra Monk: goo.gl/xolmTV

Why it's here

3 people recommend this

What people say. Recommended as a comprehensive guide to advanced Chrome DevTools features and web debugging workflows.

u/fagnerbrackin r/Frontend • Recommends

Debugging The Web, New Features For Debugging In Chrome Dev Tools Presented On Chrome Dev Summit 2016

daypackon Hacker News • Recommends

On “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: link to this video

timrichardon Hacker News • Recommends

On “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 : link to this video Umar Hansa has a great mailing list for DevTools tips, and there are some good ones to browse here : link

u/fagnerbrackin r/node • Recommends

Debugging The Web, New Features For Debugging In Chrome Dev Tools Presented On Chrome Dev Summit 2016 (Including Node Debugging)

aslushnikovon Hacker News • Mentions

On “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 link to this video