How to find memory leaks with Chrome DevTools for agents
Diagnose performance slowdowns caused by memory leaks using the new DevTools for agents tools. Detached DOM nodes frequently hoard browser resources when references are not…
YouTube channel · Video
Chrome for Developers
The latest from Chrome for Developers, part of our Video coverage. Updated automatically as new posts are published.
Agentic web development with Modern Web Guidance and Chrome DevTools for agents
Modern Web Guidance and Chrome DevTools for agents are essential tools in your workflow for agentic web development, bringing together platform best practices with real-browser…
Modern Web Guidance in your AI workflow: What is Modern Web Guidance?
Modern Web Guidance is an open source skill that connects web platform expertise and best practices directly into your AI coding agent. Many agents rely on outdated training data…
Memory debugging with agents
DevTools for agents now provides dedicated memory debugging tools to help identify memory leaks in web applications. By enabling the memory debugging flag in your configuration…
Modern Web Guidance: Interactive content in 3D scenes
Learn how to enhance your coding agent's capabilities using Modern Web Guidance to render real HTML elements inside a canvas with custom 2D or 3D visual effects. This…
Modern Web Guidance in your AI workflow: Global holidays
Simplify working with dates and lunisolar holidays in JavaScript with Modern Web Guidance. Watch this side-by-side comparison to see how equipping your coding agent with Modern…
Debug WebMCP with Chrome DevTools
Chrome DevTools for agents lets you inspect, test, and debug WebMCP tools directly in a running browser session. By connecting DevTools to your web application, an agent can…
How to build safer WebMCP tools for AI agents
Are your WebMCP tools secure against unintended actions or prompt injections Learn how to build safer tools to protect your web applications and user data. Discover how to add…
Support for WebMCP in Chrome DevTools
Chrome DevTools now supports WebMCP tooling inside the Application panel so you can inspect context-specific tools directly. You can monitor live tool activity, verify input and…
How to evaluate your WebMCP tools
Are your AI agents using your WebMCP tools correctly? Learn how to write evaluations or "evals" to test non-deterministic agent behaviors that traditional unit tests can't catch…
Building effective WebMCP tools
Learn how to build WebMCP tools that help users complete agentic workflows using a structured design framework. Start with defining the ideal success outcome, context, and…
What is WebMCP?
WebMCP is a JavaScript API that lets your website give agents tools to use on the page for actions such as searching, filling in a form, or making a booking. For a complex user…
Modern Web Guidance in your AI workflow: Break up long tasks
Modern Web Guidance helps coding agents reliably implement web features to improve site responsiveness and user experience. Interaction to Next Paint is a key metric to measure…
HTML-in-canvas: Where interactive content and high performance graphics meet
Learn how the new HTML-in-canvas API bridges the gap between expressive, accessible DOM elements and high-performance graphics. Explore how to render live, interactive DOM…
Modern Web Guidance in your AI workflow: Modal dialog transitions
Learn how to create smooth, native entry and exit animations for top-layer modal dialogs without relying on complex JavaScript hacks. Discover how Modern Web Guidance ensures…
97: Invokers and commands
In this episode of The CSS Podcast, we're diving into the power of invoker commands! Discover how the command and commandfor attributes allow you to declaratively open dialogs…
Answering your questions about WebMCP
The web is evolving as users increasingly rely on agents to complete complex tasks. We explore WebMCP and how it allows developers to provide deterministic tools for agents. By…
Two Updates you NEED to know to build Chrome Extensions with Antigravity
Building Chrome extensions with Antigravity is now easier when you install Modern Web Guidance and Chrome DevTools for agents. Check out our documentation for detailed…
96: CSS anchor positioning
Welcome back to The CSS Podcast! Una and Bramus dive into CSS anchor positioning, a powerful new API that revolutionizes how developers handle dynamic UI element placement. Learn…
Modern Web Guidance: Declarative dialog
Modern Web Guidance helps agents use built-in browser capabilities instead of writing repetitive boilerplate code. With Modern Web Guidance installed, the coding agent generates…
RIP Replay XHR, Meet Resend
Learn how to use the new Resend feature in the Chrome DevTools Network panel. Now that Replay XHR is officially retired, this update allows you to instantly refire requests while…
95: Updates to View Transitions
View Transitions have been around for a little while. This episode of The CSS Podcast covers some of the recent additions and changes since we last covered this in episode 89…
Modern Web Guidance: Autofill address form
Learn how to create a smoother form completion experience for users and stop missing web form improvement opportunities using an AI agent equipped with Modern Web Guidance. This…
See CSS specificity automatically in Chrome DevTools
Chrome makes it easy to see CSS specificity directly within DevTools. By hovering over any selector in the Styles tab, you can view a tooltip with the exact specificity math done…
What's New: Chrome DevTools 151-153
Chrome 151-153 introduces helpful tools to improve your web development process, such as enhanced network request replaying and built-in binary viewers. The updated Styles tab…
Modern Web Guidance: Scroll-driven entry and exit effects
Implement scroll port entry and exit effects using Modern Web Guidance with your coding agent. This demo crafts engaging, scroll-triggered animations (like growing in and…
94: CSS carousels (and scroll)
Welcome back to The CSS Podcast! We’re diving into a series of powerful scroll APIs that enable you to build custom, interactive carousels entirely with CSS, eliminating the need…
93: State queries in 2025
Una and Bramus dive into the latest advancements in CSS with state-based container queries. Learn how to create responsive and dynamic user experiences by querying the scroll…
Modern Web Guidance: Swipe to remove
Modern Web Guidance helps your AI coding agent build smoother touch gestures and animations using web best practices. Watch this demo to see how your coding agent can use Modern…
92: CSS if() and custom functions
Welcome to the CSS Podcast featuring Una and Bramus as your guides, your co-hosts, and your CSS best friends. In this episode, we dig into two very powerful CSS features: inline…