Merged Version: How to build and debug WebMCP tools for browser agents

Join us for this special episode of Developer Tooling Tips on tour from Google I/O Connect Berlin! Alexandra Klepper details how WebMCP bridges the gap between your web application and browser agents by providing structured tools. You can define these tools using the imperative API in JavaScript, or by adding annotations to your HTML forms with the declarative API. Once your tools are built, Chrome DevTools provides a dedicated interface in the Application panel and agent tools for debugging and testing.