What’s new in DevTools: Chrome 116-117

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


Duration: 5:50
15,274 views
705

116 → https://goo.gle/3sWSQUk
117 → https://goo.gle/3rxDaqa

Chapters:
0:00 - Introduction
0:14 Mock API with Overrides
1:12 Hide Chrome extension requests
1:48 Code folding and automatic file reveal
2:25 Linear timing support in the Easing editor
2:50 CSS nesting
3:05 Debug missing stylesheets
3:19 Fetch priority
4:00 Debug preloading
5:11 Bonus tip

Resources:
Fetch Priority API → https://goo.gle/46gTLxX
Debugging speculation rules → https://goo.gle/debugging-speculation-rules
CSS Nesting https://goo.gle/3MZkkAX
Local overrides https://goo.gle/devtools-overrides
Debugging speculation rules → https://goo.gle/3ZqqZbt

Questions? Tweet to us:
Jecelyn Yeen → https://goo.gle/jecfish
Chrome DevTools → https://goo.gle/chromedevtools

What’s New in DevTools → https://goo.gle/NewInDevTools
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs

#DevTools



Other Videos By Chrome for Developers


2023-10-10New in Chrome 118: the @scope CSS rule is here, scripting and prefers-reduced-transparency, & more!
2023-10-05Progressive Web Apps (PWAs): New features & APIs
2023-10-04Thinking on ways to solve RELATIVE COLORS
2023-10-03What’s new in DevTools: Chrome 118
2023-09-29Debugging Chrome extensions - DevTools Tips
2023-09-29Source maps - DevTools Tips
2023-09-26Array grouping - New in Chrome 117
2023-09-26transition-behavior - New in Chrome 117
2023-09-25Render a web page - CSS Podcast Tips
2023-09-22bfcache - New in Chrome 117
2023-09-22What’s new in DevTools: Chrome 116-117
2023-09-21Why is my animation glitching?
2023-09-20We are Chrome for Developers
2023-09-19Exciting things are coming
2023-09-14Workspace - DevTools Tips
2023-09-12New in Chrome 117: CSS for smooth entry & exit animations, array group, streamlined local overrides
2023-09-11Gradient - CSS Podcast Tips
2023-09-08Why does my gradient have muddy colors in the middle?
2023-09-07Snippets - DevTools Tips
2023-09-07Progressive Web Apps (PWAs): Storage mechanisms and best practices
2023-09-06Linear easing - GUI Snippets


Tags:
Chrome
Developers
Google
Web
what’s new in devtools
new to devtools
web vitals
new in devtools
devtools
dev tools
google developers
google chrome developers
chrome developers
chrome latest
google chrome latest
chrome updates
google chrome updates
chrome news
google chrome news
new in chrome
Google Chrome Developers
Google Developers
Jecelyn Yeen
chrome 116
chrome 117
new in chrome 116
new in chrome 117