Chrome 74 - What’s New in DevTools

Chrome 74 - What’s New in DevTools

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


Duration: 4:14
91,224 views
1,267

New to DevTools in Chrome 74:

0:09 - Highlight all nodes affected by CSS property
0:42 - Audits panel updates
1:54 - Binary WebSocket message viewer
2:35 - Capture area screenshot
2:58 - Service worker filters in the Network panel
3:17 - Long tasks and First Paint in performance recordings
3: 41 - Bonus tip! View HSL and RGB color values

Check out the blog version of these release notes here: https://developers.google.com/web/updates/2019/03/devtools

Discuss these features and changes on the mailing list: https://goo.gl/RvWtFx

Or tweet us: https://twitter.com/chromedevtools

Subscribe to the Google Chrome Developers channel: http://goo.gl/LLLNvf



Other Videos By Chrome for Developers


2019-05-01Install a PWA on the home screen - Progressive Web App Training
2019-05-01Make a static site work offline (by hand) - Progressive Web App Training
2019-04-23New in Chrome 74: Private Class Fields, Prefers Reduced Motion, CSS Transition Events, & more!
2019-04-22Debugging Service Workers in Safari - Progressive Web App Training
2019-04-22Debugging Service Workers in Chrome - Progressive Web App Training
2019-04-22Debugging Service Workers in Firefox - Progressive Web App Training
2019-04-22Using the Fetch API - Progressive Web App Training
2019-04-22Advanced promises - Progressive Web App Training
2019-04-22Intro to Promises (incl async/await) - Progressive Web App Training
2019-04-22Tools for building Progressive Web Apps: Workbox - Progressive Web App Training
2019-04-19Chrome 74 - What’s New in DevTools
2019-04-16#AskChrome Live: Implementing Performance Budgets (April 16, 2019)
2019-04-16Changing web standards - HTTP 203
2019-04-10Totally Tooling Tips: Ta ta for now
2019-04-09Why Build Progressive Web Apps: Start fast, stay fast
2019-04-08Introduction to Service Worker - Progressive Web App Training
2019-04-04Inspect Network Activity - Chrome DevTools 101
2019-04-03CSS Standardization - The State of the Web
2019-04-02Solving Clickjacking - HTTP 203
2019-04-01But… why HTTP 203?
2019-03-25Why Build Progressive Web Apps: Track offline, or it didn't happen


Tags:
Chrome
Developers
Google
Web
GDS: Yes;