Channel: Google Chrome Developers

Category: Science & Technology

Tags: jecelyn yeennew to devtoolsseries: what's new in devtoolsweb vitalsrelease noteslighthousedevelopersgoogle developerspurpose: educategooglegds: yesnew in devtoolsgoogle chrome developerswhat’s new in devtoolsdev toolswebchrome developersdevtools

Description: What’s new in DevTools (Chrome 98) → goo.gle/3ghkyBT Chapters: 0:00 - Intro 0:12 - Full-page accessibility tree 1:14 - Changes tab 1:45 - Timeout settings in the Recorder panel 2:42 - Back/Forward cache tab 4:01 - New Properties pane filter 4:30 - `row-reverse` and `column-reverse` buttons in the Flexbox editor 4:55 - Emulate CSS forced-colors media feature 5:28 - Bonus tip: document.designMode Links: Full-page accessibility tree → goo.gle/3r5FcL6 Full-page accessibility tree feedback: goo.gle/devtools-a11y-tree-feedback Learn how to record, replay, and measure user flows: goo.gle/devtools-recorder Learn back/forward cache → goo.gle/3G6655U Tweet us → goo.gle/38mi9Ay What’s New in DevTools → goo.gle/2MeR5Kx Subscribe to Google Chrome Developers → goo.gle/ChromeDevs #ChromeDeveloper​ #WebDev #DevTools