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

Chapters:
0:00 - Intro
0:12 - Restart frame
1:18 - Slow replay in Recorder
2:01 - Install an extension for the Recorder panel
3:09 - Group files by Authored / Deployed
4:09 - Reveal assigned…

Chrome 104 is rolling out now! With region capture, you can now specify a crop area when using getDisplayMedia to capture the current tab. Media query syntax can be written using mathematical comparison operators. Shared Element Transitions start a new origin…

"Container queries and :has() are a match made in responsive heaven. Luckily, both of these features are landing together in Chromium 105. This is a huge release with two highly-requested features for responsive interfaces!"

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

Chapters:
0:00 - Intro
0:13 - Step-by-step replay in the Recorder
1:06 - Support mouse over event in the Recorder
2:21 - Identify FOIT/FOUT in the Performance insights panel
3:02 - LCP in the…

Chrome 105 is rolling out now! Container queries and :has() are a match made in responsive heaven. The new Sanitizer API provides a robust processor for arbitrary strings to help reduce cross site scripting vulnerabilities. We’re taking another step towards…

The Chrome browser came out all the way back in 2008 and has grown exponentially since; as of October...

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

Chapters:
0:00 - Intro
0:45 - Group files by Authored / Deployed
1:30 - Hide ignore-listed sources
2:12 - The x_google_ignore_list in sourcemap
2:36 - Ignore 3rd party scripts in the stack traces…

Chrome 106 is rolling out now! There are new Intl APIs to give you more control when formatting numbers. There’s an origin trial for the new Pop Up API, making it easy to surface critical content to the user. There are a handful of CSS improvements. And there’s…

11 Tricks You Must Know If You Choose Chrome as Your Development Tool

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

Chapters:
0:00 - Intro
0:15 - Customize keyboard shortcuts in DevTools
1:07 - Highlight C/C++ objects in the Memory Inspector
2:02- Support full initiator information for HAR import
2:45 - Start…

A note from JavaScript ES6 to ES 12