Chrome 72 - What’s New in DevTools

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=XVJxlEdB230


Duration: 3:41
68,956 views
1,020

New to DevTools in Chrome 72:

0:08 → Performance metrics in the Timings section
1:13 → Highlight text nodes
1:29 → Copy JS path
2:14 → New audit
2:34 → Bonus tip! Inspect media queries with Device Mode

Blog post version of this video → https://bit.ly/2B72h5K

Discuss these features and changes on the mailing list → https://goo.gl/RvWtFx
Or tweet us → https://twitter.com/chromedevtools

What's New in DevTools playlist → http://bit.ly/2JrUPYi

Subscribe to the Google Chrome Developers channel → http://bit.ly/ChromeDevs1



Other Videos By Chrome for Developers


2019-03-11When should you use a PWA? - Progressive Web App Training
2019-03-11Why Build Progressive Web Apps: PWAs for iOS
2019-03-08Chrome 73 - What’s New in DevTools
2019-03-06The State of CSS - The State of the Web
2019-03-06Intro & Setup - Progressive Web App Training
2019-03-05Share Target - HTTP 203
2019-02-19Context and Optimizations - HTTP 203
2019-02-06Service Workers - The State of the Web
2019-02-05JAM Stack - HTTP 203
2019-01-29New in Chrome 72: Public Class Fields, User Activation API, Intl.format and more!
2019-01-28Chrome 72 - What’s New in DevTools
2019-01-22New Canvas Stuff - HTTP 203
2019-01-08Background Fetch - HTTP 203
2019-01-02Accessibility - The State of the Web
2018-12-21Best web features of 2018: The Final! - HTTP203
2018-12-20Best web features of 2018: Part 3/4 - HTTP203
2018-12-19Season 2 Announcement - The State of the Web
2018-12-18Best web features of 2018: Part 2/4 - HTTP203
2018-12-17Best web features of 2018: Part 1/4 - HTTP203
2018-12-14The End of Supercharged
2018-12-12Visualizing Data at Scale - The State of the Web


Tags:
Chrome 72
chrome 72 what’s new in devtools
what’s new in devtools chrome 72
chrome devtools
devtools
web devtools
new in devtools
web development tools
web developer updates
developer updates
web developer
web development
google chrome developers
chrome developers
google chrome
web
css media queries
highlight text nodes in chrome devtools
view performance metrics in the performance panel
copy javascript path
see which libraries a webpage is using
GDS: Yes;