Two opportunities to #MeetTheChromeTeam this week!

👉 maudnals is talking web privacy at Devfest Nantes
👉 At Munich Frontend Devs, @Victorporof and @Ergunsh will be speaking, and @Jecfish will be available to answer all your DevTools questions

Get the details → goo.gle/3SozHCG

😍 Let's extend user flows beyond Recorder! In this blog post, Ergün Erdoğmuş & Jecelyn Yeen will walk you through how to:

▶️ customize user flows replays
🔄 transform user flows into different formats
🤖 automate them with CI/CD

... with code & demo! 👉🏼

developer.chrome.com/blog/extend-re…

😍 New #devtoolstips ! Replay your user flows beyond DevTools Recorder. Jecelyn Yeen shows you how to:

🔼 Export user flows to different formats
▶️ Replay programmatically with different libraries
👷🏽‍♀️ Build an extension/libraries with Puppeteer Replay!

🎥 youtu.be/LBgzmqzp7ew

New in Chrome DevTools as of Chrome 106: when you profile interactions in the performance panel, there's a new 'interactions' panel that shows interaction duration, making slow interactions easier to line up with the tasks they run! Good for INP debugging! #webperf #webdev

Get a full picture of async operations in Chrome DevTools now, and trace the root cause of any issues!

With the new 'async stack tagging api', any frameworks can use 'console.createTask()' to link these operations.

See how Angular did it in ngZone 👇🏼
goo.gle/devtools-angul…

The Angular tooling team is looking to simplify the output of `ng generate component`, and would like your feedback!

`ng generate component my-component` should:

If you love #DevTools , you're not going to want to miss the latest blog from the Chrome Developers team on improvements to debugging your #Angular code in v15!

Get the details here 👇
developer.chrome.com/blog/new-in-de…

Guten tag friends in Munich! Come join @frontmuc meetup this coming October. (Yes, it's back 😍)

Our team Ergün Erdoğmuş and Victor Porof will be sharing CSS and debugging goodies in the meetup.

Register 👉🏼
meetup.com/munich-fronten…

🔥 Chrome 106 is here! Update and get these new debugging goodies in #chromedevtools !

💻 Setting to show your code first
🗄 Setting to hide irrelevant files
📚 Improved stack traces
🔎 Improved file search

… and more!
📺 youtu.be/5gBqTXctxO8
📜 developer.chrome.com/blog/new-in-de…

Join Jecelyn Yeen at GDG Cloud Munich to learn about the Chrome DevTools Recorder and Cloud Run jobs.

Sign up 👉🏼 meetup.com/gdg-cloud-muni…

Love it! So much JS debugging improvements in DevTools (Chrome 106) 😍

💻 Setting to show your code first
🗄 Setting to hide irrelevant (3rd-party) files
📚 Improved stack traces
🔎 Improved file search

.. and more! Try them in Chrome Canary 👉🏼
developer.chrome.com/blog/new-in-de…

Thank you Chrome DevTools this Event Listener Breakpoints is awesome, was struggling to find an issue in large code base I am new to, and this helped me find the issue

📣 New engineering blog post

Want to identify an object apart from the surrounding memory? Sure, the Memory Inspector highlights all the bytes of a C/C++ memory object.

Read this blog post by michalpitr to learn how it works and how we built it.

developer.chrome.com/blog/memory-in…

This will make fetching elements so much more easier ☺️ a new #accessibility selector for WebdriverIO 👀 I will immediately use this for the WebdriverIO Chrome DevTools Recorder to create more stable selectors 👏