Chrome 103 - What’s New in DevTools

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


Duration: 6:32
43,623 views
611

What’s new in DevTools (Chrome 103) → https://goo.gle/3tFcDp3

Chapters:
0:00 - Intro
0:12 - Recorder supports double click and right click
0:55 - Lighthouse Navigation node
1:22 - Lighthouse Timespan mode
2:21 - Lighthouse Snapshot mode
3:04 - Better zoom control in Performance Insights
3:36 - Delete confirmation in Performance Insights
3:57 - Reorder panes in the Elements panel
4:25 - Picking color outside of browser
4:49 - Display inline value preview for debugging
5:16 - NOT a bonus tip: Google I/O 2022

Links:
Interaction to Next Paint metric → https://goo.gle/3tFrvUe
Performance insights panel → https://goo.gle/devtools-performance
New modes in Lighthouse → https://goo.gle/39BlQrn
I/O 22 DevTools: State of the Union → https://goo.gle/io22-devtools
I/O 22 Debugging accessibility with Chrome DevTools → https://goo.gle/io22-devtools-a11y

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

#ChromeDeveloper​ #WebDev #DevTools



Other Videos By Chrome for Developers


2022-07-27Thinking on ways to solve CAROUSELS
2022-07-26DOM ready events considered harmful | HTTP 203
2022-07-14How to emulate CSS user preference media features | DevTools Tips
2022-07-13Breaking words with wbr and ­ #Shorts
2022-07-12Demystifyingish SVG paths | HTTP 203
2022-06-30How to inspect CSS container queries | DevTools Tips
2022-06-29Thinking on ways to solve FABs
2022-06-28FLIP animations | HTTP 203
2022-06-22Gradient shadow #Shorts
2022-06-21New in Chrome 103: HTTP 103 early hints, Local Font Access, AbortSignal.timeout, and more!
2022-06-16Chrome 103 - What’s New in DevTools
2022-06-08New in Chrome 102: PWAs as File Handlers, inert, the navigation API, and more!
2022-06-07The history API is dead. Long live the navigation API | HTTP 203
2022-05-30Chrome 102 - What’s New in DevTools
2022-05-25Huellipsis #Shorts
2022-05-24Samsung Internet - the why & how | HTTP 203
2022-05-18Thinking on ways to solve BUTTONS
2022-05-12Bringing Adobe's Creative Cloud to the web: Starting with Photoshop
2022-05-12Top 10 web things to know from Google I/O
2022-05-12The state of responsiveness on the web
2022-05-12State of CSS


Tags:
chrome 103
new in chrome 103
what’s new in devtools
new to devtools
web vitals
new in devtools
devtools
dev tools
google developers
google chrome developers
chrome developers
chrome latest
google chrome latest
chrome updates
google chrome updates
chrome news
google chrome news
new in chrome
Developers
Web
Google Chrome Developers
Google Developers
Jecelyn Yeen