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
Debugging The Web (Chrome Dev Summit 2016) Video Statistics
Debugging The Web (Chrome Dev Summit 2016) Comments & Reviews
so nice, precise moment when he links folders and the video goes to his face... please show the console!
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.
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 !
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!
No puedo realizar "custom mapping" ahora en workspaces 2.0 :(
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??
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?
Start mining cryptocurrency right now, for free. Honeyminer makes mining and earning money simple for anyone with a computer. Start Earning Now!
Come on, stop taking the demo away!
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.
15:57 Оторвал бы руки тому кто переключил камеру >_<
Переведите плиз на Russian Lang
Your my511 api token is visible!
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 can say "I'm fallen in love with you" to a woman without mosbying her.
"Gotta clap on the 200s" :)
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.
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
This guy sounds like a douchebag prick. But nice presentation though.
Why can't the cameramen be educated to focus well on the slides throughout the talk. Excellent content but poor coverage !
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. 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.
Anyone get the workspace persistence to work? Is it only in chromium or Canary? I've had no luck getting it to work.
Paul is growing old too quickly! Great talk! Thank you.
He that is giddy thinks the world turns round.
Debugging The Web (Chrome Dev Summit 2016) Wiki
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. .