⚡️ Chrome 131 is rolling out! What's new in DevTools ✨ AI Assistance - Debug CSS with Gemini 📍 Annotate & share performance 🏃🏼‍♂️ Spot layout shifts easier ....and more! Update your browser and try them out! Learn more developer.chrome.com/blog/ne…

Ever spent ages trying to figure out which element is actually scrolling on a page? #ChromeDevTools added a new scroll badge to help you spot them easier! Ionut & @jecfish will walk us through the technical implementation behind the scenes. Read: developer.chrome.com/blog/sw…

✨ More Gemini is coming to DevTools! ✨ Try the new experimental AI assistance panel in Chrome Canary 131 and later to get help understanding layouts and debugging your CSS. Learn more at goo.gle/devtools-ai-assistan…

Introducing AI Assistance in @ChromeDevTools! 🤯🚀 Ever wish you could have a coding buddy to help you with CSS and layout? Well, your wish is granted! The new AI Assistance in Chrome DevTools is here to make your life as a developer easier, powered by Gemini. The new panel aims to help you find and fix issues. Just ask it questions about your code, and it provides tailored explanations and even suggests solutions. This is our first exploration into agentic AI in DevTools and we're excited to hear what you think of it. Some key features: 1. Conversational prompts: Get tailored suggestions and code snippets. 2. Contextual understanding: AI understands the code you're working on. 3. Step-by-step guidance: Get help with everything from styling to debugging. Want to see it in action? Check out my screencast below to see how I used it to add a dark mode.

Debugging async JavaScript exceptions can be tricky! 😖 Learn how #ChromeDevTools predicts if an exception will be caught – and how we make it more accurate! ✨ #engineering #JavaScript #Debugging 👉 developer.chrome.com/blog/de…

Seeing "This tab shares resources..." in DevTools? You're in a small group experiment! Learn more: developer.chrome.com/blog/pr… #ChromeDevTools #webdev

Coming soon in #ChromeDevTools. We moved various checkboxes into a single dropdown for cleaner UI. Try it out in the latest Chrome Canary!

😍 Woohoo, the Styles tab got an upgrade! In this article, Philip and @ergunsh walk us through how they transform the CSS parsing process from regex matching systems to a more robust parser. #ChromeDevTools 👉 developer.chrome.com/blog/de…

⚡️ What's New in DevTools (Chrome 124) 🧻 New autofill panel 🕞 Throttle WebRTC 🧮 Enhanced scroll-driven animations inspection ... and more! Update your Chrome and give them a try. 👉 developer.chrome.com/blog/ne…

DevTools JS debugging improvement - Preview WeakRef object easier in the Console! #webdevelopment #javascript #debugging #ChromeDevTools

📣 It’s fixed! Update Chrome now and you can access #ChromeDevTools as usual. ✅ crbug.com/330112831

🚨 We’ve identified a bug in Chrome 123 that might prevent you from opening DevTools. In the meantime, you can still launch DevTools in Incognito mode, with a new user profile or with Chrome Canary. A new update is coming. Follow the progress here: crbug.com/330112831.

🤩 A nice summary of some recent improvements in Network panel #ChromeDevTools! 🙈 Hide Chrome extension requests 📜 Better HTTP response status texts ⚠️ Enhanced error visibility 🦋 Pretty-printing JSON subtypes 👉 developer.chrome.com/blog/ne…

In @ChromeDevTools we’re reworking how to display CSS Nesting. Based on your feedback we now indent the code and show the curly braces. Update to Chrome 124.0.6341.0 to test it out. It still has got some rough edges, which should get ironed out during the next few days.

Michael Hablich - Web debugging tools in particular Chrome DevTools x.com/i/broadcasts/1nAKEaDvL…

Testing 123~ you can debug your original variables with #ChromeDevTools. 👉🏽github.com/ChromeDevTools/rf… #webdevelopment #debugging #javascript

⚔️ How is Chrome DevTools fighting against self-XSS attacks? In this post, @woolfib walks us through the recent updates in #ChromeDevTools to better protect innocent users. 👉 developer.chrome.com/blog/se…

You can save changes you made in DevTools locally with workspace! First, you need to set it up. #ChromeDevTools 👉🏽 developer.chrome.com/blog/ne… #webdevelopment #debugging

Cool! Let’s shuffle the tabs the way you like it in the Sources panel #ChromeDevTools. 👉🏽 developer.chrome.com/blog/de… #webdevelopment #debugging