Benedikt Meurer retweeted
⚡️ 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…
Benedikt Meurer retweeted
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…
Benedikt Meurer retweeted
✨ 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…
Benedikt Meurer retweeted
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.
Benedikt Meurer retweeted
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…
Benedikt Meurer retweeted
Seeing "This tab shares resources..." in DevTools? You're in a small group experiment! Learn more: developer.chrome.com/blog/pr…
#ChromeDevTools #webdev
Benedikt Meurer retweeted
Coming soon in #ChromeDevTools. We moved various checkboxes into a single dropdown for cleaner UI.
Try it out in the latest Chrome Canary!
Benedikt Meurer retweeted
😍 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…
Benedikt Meurer retweeted
⚡️ 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…
Benedikt Meurer retweeted
DevTools JS debugging improvement - Preview WeakRef object easier in the Console!
#webdevelopment #javascript #debugging #ChromeDevTools
Benedikt Meurer retweeted
📣 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.
Benedikt Meurer retweeted
🚨 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.
Benedikt Meurer retweeted
🤩 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…
Benedikt Meurer retweeted
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.
ALT Updated nesting in DevTools: Indented code with Curly Braces.
Benedikt Meurer retweeted
Michael Hablich - Web debugging tools in particular Chrome DevTools xitter.cf/i/broadcasts/1nAKEaDvL…
Benedikt Meurer retweeted
Testing 123~ you can debug your original variables with #ChromeDevTools.
👉🏽github.com/ChromeDevTools/rf…
#webdevelopment #debugging #javascript
Benedikt Meurer retweeted
⚔️ 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…
Benedikt Meurer retweeted
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
Benedikt Meurer retweeted
Cool! Let’s shuffle the tabs the way you like it in the Sources panel #ChromeDevTools. 👉🏽
developer.chrome.com/blog/de…
#webdevelopment #debugging