Channel: Google Chrome Developers

Category: Science & Technology

Tags: chrome 101jecelyn yeennew to devtoolsseries: what's new in devtoolsweb vitalsrelease notesdevelopersgoogle developerspurpose: educategds: yesnew in devtoolsnew in chrome 101google chrome developerswhat’s new in devtoolsdev toolswebchrome developersdevtools

Description: What’s new in DevTools (Chrome 101) → goo.gle/398kTX8 Chapters: 0:00 - Intro 0:12 - Import/Export recorded user flow as a JSON file 1:13 - Export user flow as a @puppeteer/replay script 2:00 - Using @puppeteer/replay as a CLI tools 2:31 - View cascade layers in the Styles pane 4:21 - Support for the hwb() color function 5:06 - Bonus tip: Use the cmd/ctrl key to filter multiple network requests Links: @puppeteer/replay library → goo.gle/3K5EZOi Cascade layers → goo.gle/3ODV15M Tweet us → goo.gle/38mi9Ay What’s New in DevTools → goo.gle/NewInDevTools Subscribe to Google Chrome Developers → goo.gle/ChromeDevs #ChromeDeveloper​ #WebDev #DevTools