Let’s dive in~ Explore the latest DevTools features in Chrome 133-145 with Jecelyn and Matthias!
Chapters:
0:00 Intro
0:28 Persistent AI chat history
1:08 Select different performance events in the same AI chat
1:30 Add irrelevant scripts to the ignore list in Performance
1:57 First- and third-party highlighting in Performance
2:19 Dim 3rd party scripts in Performance
2:50 New modern keyboard navigation for Performance
3:25 Calibrated CPU throttling presets
4:26 Support for :open pseudo-class and various pseudo-elements
5:02 Inspect full accessibility tree
5:38 Privacy and Security panel
6:19 Bonus tip: Copy all console logs
6:45 Ciao~ for real
Resources:
Full accessibility tree in Chrome DevTools → https://goo.gle/devtools-full-a11y-tree
Carousels with CSS → https://goo.gle/4hzvfNb
Improved navigation and filtering in the DevTools Performance panel → https://goo.gle/4kLeT6W
What’s New blog posts:
133 →https://developer.chrome.com/blog/new-in-devtools-133
134 → https://developer.chrome.com/blog/new-in-devtools-134
135 → https://developer.chrome.com/blog/new-in-devtools-135
Questions? Tweet to us:
Jecelyn Yeen → https://goo.gle/jecfish
Matthias Rohmer → https://goo.gle/matthiasrohmer
Chrome DevTools → https://goo.gle/chromedevtools
Watch more New in Devtools → https://goo.gle/NewInDevTools
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs
#DevTools #ChromeForDevelopers #Chrome
Products Mentioned: Chrome