Chrome 99 - What’s New in DevTools

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


Duration: 6:32
28,638 views
577

What’s new in DevTools (Chrome 99) → https://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 → https://goo.gle/3MKD7xl
DevTools Recorder → https://goo.gle/devtools-recorder
DevTools Console Format → https://goo.gle/devtools-console-format
Tweet us → https://goo.gle/38mi9Ay

What’s New in DevTools → https://goo.gle/2MeR5Kx
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#ChromeDeveloper​ #WebDev #DevTools



Other Videos By Chrome for Developers


2022-04-13Thinking on ways to solve DIALOG
2022-03-304 lines of CSS for a vertical responsive slideshow #Shorts
2022-03-29New in Chrome 100: User Agent string updates, Multi-screen window placement API, and more!
2022-03-29What key was pressed? (You won't believe how keyboard events work) | HTTP 203
2022-03-24Chrome 100 - What’s New in DevTools
2022-03-23Cache your fonts, images & pages - Unpacking the Workbox
2022-03-18FLEDGE demo walkthrough | What is the Privacy Sandbox?
2022-03-16Thinking on ways to solve a LOADING BAR
2022-03-15Building VR and AR experiences using HTML | HTTP 203
2022-03-10CSS Grid debugging tools | DevTools Tips
2022-03-08Chrome 99 - What’s New in DevTools
2022-03-01New in Chrome 99: CSS Cascade Layers, Show Picker, and more!
2022-02-10CSS Flexbox debugging tools | DevTools Tips
2022-02-09Thinking on ways to solve SVG FAVICON
2022-02-01New in Chrome 98: Per-element opt-out for auto-dark, COLRv1, and more!
2022-01-27Chrome 98 - What’s New in DevTools
2022-01-19Thinking on ways to solve a DARK/LIGHT THEME SWITCH
2022-01-13Discover and fix low contrast text with DevTools | DevTools Tips
2022-01-12Workbox TypeScript - Unpacking the Workbox
2022-01-04New in Chrome 97: Web Transport, Script type Detection, and more!
2022-01-04Cross-fading DOM elements | HTTP 203


Tags:
purpose: Educate
series: What's New in DevTools
GDS: Yes
What’s new in devtools
new to devtools
web vitals
release notes
new in devtools
devtools
dev tools
google developers
google chrome developers
chrome developers
lighthouse
Google
Developers
Web
Google Chrome Developers
Google Developers
Jecelyn Yeen
chrome 99
new in chrome 99
chrome 99 tutorial
chrome 99 news
chrome 99 latest
chrome 99 updates
reporting api
devtools recorder
chrome developer