Chrome DevTools: From friction to flow

[@ChromeDevs]

Check out all the web sessions at Google I/O → goo.gle/io24-web-yt

[@sidawei]

Where is the example page of "Bubble Jiggle", I want to try with spot inactive CSS from example.

[@MRKS8]

Shoutout to the presenter. This is the best structured, charming tech presentation I've seen in a long time

[@juanyoga]

Agreed 100%. Thanks Jecelyn and production team!

[@maabed1022]

The presentator is a breath of fresh air! Kudos!

[@mohammadshehadeh931]

My fav part is 'debug disappearing elements', finally no more struggle with that

[@PRonYouTube]

Round of applause for Chrome DevTools, one of my favorite pieces of software! Thanks for such awesome, innovative, and productive tooling.

[@silv3rArrow]

- Debug disappearing elements is going to get a lot of use! - The mock data is awesome! No more need to mock that in code. - Last but not least, looking forward to the perf enhancements, looks like it's starting great!

[@YatinPatelAhmedabad]

I like "Mock HTTP responses"

[@Paul-t6p]

Excellent, clear and the tutorial was very informative to help navigate these problems. GreatJob.

[@ChromeDevs]

Glad you enjoyed it!

[@Paul-t6p]

@@ChromeDevs Hello ChromeDevs, very much so its good to know help and information is there.Great work.

[@shangyilim]

Love all the features! Very relatable!

[@amosisaila8416]

The mock feature is just awesome!

[@maxbarbul]

Great updates! This really feels driven by real experience and feedback. Presentation is high class! In the beginning it felt a little bit overplayed to my taste, like Dori cartoon. Anyways, the contents is gold!

[@johnmcgg]

incredible updates! excited to use all of these 🙌

[@aarontgove101]

Awesome Jecelyn! 👏👏👏

[@nikitashov]

Such a wonderful presentation!

[@sergiomartin8935]

Great presentation and great new features!

[@raphaeljcm]

Great work, guys!

[@harudot]

感謝しかない

[@mgilson]

great work! you guys are the best!

[@thevutv2349]

Wow! 👏👏👏You read our minds good job!! So much better dx

[@paulpandi50]

My favorites, - Ignore node_modules during debugging - Mock HTTP responses - Debug disappearing elements - Understand console errors with Gemini

[@fruyament]

Awesome features and Super awesome presentation 👍

[@javiasilis]

Holy crap. These are something powerful

[@StarlightInsights_com]

Extremely informative

[@chinmayghule8272]

I understood most part except the performance one. Frankly speaking I've never used it since I don't to what to do with it, and the thing I used closest to it was the React Devtools Profiler. Dear Chrome Devtools team, please make the performance panel noob-friendly for people like me.

[@vkukreja-g]

Great updates!

[@aram5642]

Years go by and I am still LOST IN DATA when I look into Performance panel. Also, a point of friction is when I need to troubleshoot accessibility on my web page. I wish there was a way to specify a custom set of HTML attributes to be shown, anything else (esp. framework-specific ones) filtered out as noise.

[@littleoddboy]

googlers are build so many perfect stuffs, and I'm just happy with a single thing that just hides all the annoying warnings of my chrome extensions.

[@Ostap1974]

Would be awesome not to receive error logging reports about chrome extensions as well.

[@barny1174]

Wow AI in dev tools

[@dogoku]

"emulate focused page" - where have you been all my life?

[@RandomRaju-zb8vf]

pls make a full video on React Performance improvement using devtools.....a humble request 🙏🙏🙏🙏