Aware Expert

👉🏻 “Escaping the Chrome Sandbox Through DevTools” 🔗 ading.dev/blog/posts/chr… Abusing the chrome:// pseudo and causing a race condition in devtools. Clever.

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.

Tip: @ChromeDevTools now badges elements with scroll overflow! 📜 The Elements panel in Chrome DevTools now marks elements with a new 'scroll' badge when they contain overflowing content and have overflow: scroll or overflow: auto. This makes it a breeze to identify and address scroll overflow issues in your web applications. No more hunting down hidden scrollbars! The 'scroll' badge is dynamic and updates in real-time, so you can see if the overflow has been resolved due to changes in content or size. Check it out in Chrome 130 and above.