Channel: Google Chrome Developers

Category: Science & Technology

Tags: chrome 99 newsnew to devtoolsweb vitalsrelease noteslighthousedeveloperschrome 99chrome 99 tutorialchrome 99 latestgds: yesnew in devtoolswebdevtoolsnew in chrome 99reporting apijecelyn yeenseries: what's new in devtoolsgoogle developerspurpose: educategooglegoogle chrome developerswhat’s new in devtoolsdev toolschrome developerchrome developersdevtools recorderchrome 99 updates

Description: What’s new in DevTools (Chrome 99) → goo.gle/3tIzhvR Chapters: 0:00 - Intro 0:12 - Throttling WebSocket requests 1:07 - New Reporting API pane 2:00 - Wait until element is visible/clickable in the viewport 2:44 - Properly style log messages with ANSI escape code 4:37 - Debug Chrome extensions with sourcemap files 5:26 - Bonus tip. Style your console message with CSS Links: Reporting API → goo.gle/3MKD7xl DevTools Recorder → goo.gle/devtools-recorder DevTools Console Format → goo.gle/devtools-console-format Tweet us → goo.gle/38mi9Ay What’s New in DevTools → goo.gle/2MeR5Kx Subscribe to Google Chrome Developers → goo.gle/ChromeDevs #ChromeDeveloper​ #WebDev #DevTools