Debugging The Web (Chrome Dev Summit 2016)

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: TkgXYM
Subscribe to the channel: youtube.com/chromedevelopers
Music by Terra Monk: xolmTV

Do you like Debugging The Web (Chrome Dev Summit 2016) video? Please share your friends!

Debugging The Web (Chrome Dev Summit 2016) Video Statistics

Total Views
138,392
Total Likes
1,043
Total Comments
65

Debugging The Web (Chrome Dev Summit 2016) Comments & Reviews

Want to access your favorite websites?
javi garcia
javi garcia

so nice, precise moment when he links folders and the video goes to his face... please show the console!

James Monroe
James Monroe

16:56 I'd appreciate if you actually did attempt to explain how. Somewhere. Anywhere. Calling it magic doesn't help us debug WHY it isn't working for those of us not blessed enough to have it work automatically.

Sergey V.
Sergey V.

Peace of crap! Now source -> live editing complete broken! Thank you for this mr. i know how to broke things that worked before just perfectly !

Payoneer
Payoneer

Exclusive Promo! Payoneer is an online payment platform that lets you transfer money from any corner of the world! Sign Up an Earn $25 for free by joining Payoneer click here!

Álvaro Lagos
Álvaro Lagos

No puedo realizar "custom mapping" ahora en workspaces 2.0 :(

Varun Sharma
Varun Sharma

How to get the watch window, call stack etc. at the bottom of the screen? On Win 10 it's on the right side. Can we move it down??

Dmitry Astapkovich
Dmitry Astapkovich

I've got here after clicking on What's New link for Workspaces 2.0. I'm on Chrome 63.0.3239.132, but I still can't make Workspace working even for just local CSS and HTML file. What am I doing wrong?

Honeyminer
Honeyminer

Start mining cryptocurrency right now, for free. Honeyminer makes mining and earning money simple for anyone with a computer. Start Earning Now!

Wilker Lucio
Wilker Lucio

Come on, stop taking the demo away!

kingluke2
kingluke2

Ugh. The "automagic find all your files" "how it works is really complicated I won't even talk about it" workspaces 2.0 feature explained starting 14:28 broke my entire dev workflow. It doesn't find my local stylesheets and scripts correctly (even though they're a simple flat folder that matches the network structure) and now that it's "magic" there's now no option to "map to file system resource" like before. Really frustrating when programmers break the tools you rely on. If Microsoft Office Autoformat and Clippy was any indication: software that tries to guess what you want to do and eliminates manual options almost always ends up getting it wrong and becoming more frustrating to use the end.

Shifter
Shifter

15:57 Оторвал бы руки тому кто переключил камеру >_<

Khamyt Sharipov
Khamyt Sharipov

Переведите плиз на Russian Lang

Stephen Richardson
Stephen Richardson

Your my511 api token is visible!

Paulo Griiettner
Paulo Griiettner

Jesssseeee... why the guy take away the screen while he is showing the stuff.. I literally lost few very important things, because there is someone that does not know what they are doing when editing the video...

Chuck Norris
Chuck Norris

Chuck Norris can say "I'm fallen in love with you" to a woman without mosbying her.

John Vandivier
John Vandivier

"Gotta clap on the 200s" :)

Layton Miller
Layton Miller

I clicked through to 1) congratulate the good presentation and 2) provide the feedback that whoever edited this keeps cutting to Paul Irish right when you need to see what's on screen. Can we get some technically savvy camera folks next time so they know when it's appropriate to show his face? Kind of defeats the purpose otherwise.

ndstephens
ndstephens

Worst editing i've ever seen. Why are we looking at him or tracking across the audience while important actions and changes are happening on the screen? We completely miss what he's doing several times. I eventually stopped watching. Never use that video editor/director again. What a waste

Ribsletics
Ribsletics

This guy sounds like a douchebag prick. But nice presentation though.

Adarsh Konchady
Adarsh Konchady

Why can't the cameramen be educated to focus well on the slides throughout the talk. Excellent content but poor coverage !

ThunderousGlare
ThunderousGlare

Summary: 1. Better side menu in source pannel, resizable 2. More ES6 Support like arrow functions 3. multiline editing with functions in console 4. array[2]. now will do auto completion just like obj. does 5. inline debugging capability instead of just perline breakpoint 6. drag and drop work folder instead of creating workspace then edit css/js right in browser 7. ability to find unused css via recording in timeline > css coverage, then interact and stop recording. Unused will be highlighted. 8. start node --inspect url and connect without opening url, right from console using frame select option. 9. Bunch of Progressive Web Apps stuff you don't care about right now 10. Lighthouse aka page speed is built into chrome.

Adam Acosta
Adam Acosta

Anyone get the workspace persistence to work? Is it only in chromium or Canary? I've had no luck getting it to work.

Adel
Adel

Paul is growing old too quickly! Great talk! Thank you.

William Shakespeare
William Shakespeare

He that is giddy thinks the world turns round.

Debugging The Web (Chrome Dev Summit 2016) Wiki

The internet with no limits

Debugging is the process of finding and resolving defects or problems within a computer program that prevent correct operation of computer software or a system. Debugging tactics can involve interactive debugging, control flow analysis, unit testing, integration testing, log file analysis, monitoring at the application or system level, memory dumps, and profiling. .

Debugging The Web (Chrome Dev Summit 2016) Images

Debugging The Web (Chrome Dev Summit 2016) screenshot

Debugging The Web (Chrome Dev Summit 2016) Similar Videos

Video Data


Express VPN

Google Chrome Developers Popular Videos

    Wirex

    Video Tags

    Chrome Developers Google Web Tools Chrome
    changelly

    Popular TV Seasons

    Shopify Make a Money

    Popular Apps

    Popular Podcasts