What's new in Chrome
By Chrome for Developers
Key Concepts
- Agentic Web: The shift from a web where users manually browse to one where AI agents perform multi-step tasks on behalf of users.
- WebMCP (Model Context Protocol for Web): A proposed specification that exposes HTML forms and JavaScript functions as tools for AI agents to interact with websites.
- HTML-in-Canvas: An API allowing standard DOM elements to be rendered directly inside a
<canvas>element, enabling rich, 3D-integrated, and interactive web experiences. - Modern Web Guidance: A "skills pack" repository providing developers with validated, evergreen best practices for building compatible, high-performance web applications.
- DevTools for Agents: An MCP-based toolset that allows AI agents to perform deep runtime inspections (network, memory, accessibility, Lighthouse audits) on web pages.
- Baseline: A standard indicating that a web feature is supported across all major browsers, providing a reliable target for developers.
1. The Agentic Future of the Web
Paul Kinlan emphasizes that the web is undergoing its most significant shift since its inception. Unlike the slow transition from desktop to mobile, the shift toward "agentic" workflows—where users delegate tasks to AI—is happening rapidly.
- Core Argument: To remain relevant, the web must become a "first-class experience" for agents. This requires developers to recommit to semantic HTML and accessibility, as these provide the structure agents need to "understand" and navigate sites.
- User Intent: Agents are moving beyond single-click interactions to complex, multi-step plans (e.g., booking a hotel, coordinating with colleagues, and filtering results across multiple sites).
2. WebMCP: Bridging Agents and Websites
WebMCP is designed to solve the "opacity" problem where agents struggle to interact with complex UIs.
- Methodology: It transforms HTML forms and JS functions into "tools."
- HTML Approach: Developers add attributes to standard forms (e.g.,
tool-description,tool-parameter-descriptions) to guide agents. - JavaScript Approach: Using
navigator.modelContext.registerTool, developers define a name, intent description, and input schema for the agent to execute.
- HTML Approach: Developers add attributes to standard forms (e.g.,
- Advantage: Unlike external MCP servers, WebMCP runs inside the browser, granting agents access to the user's existing session state (cookies, local storage, authentication).
- Status: Experimental; Origin Trial expected in Chrome 149 (approx. June 2nd).
3. Modern Web Guidance and DevTools for Agents
To bridge the gap between rapidly evolving AI tools and the web platform, Chrome is introducing:
- Modern Web Guidance: A library installable via
npmthat provides IDEs and CLIs with validated, evergreen best practices. It helps developers implement features while accounting for "baseline" support and necessary fallbacks. - DevTools for Agents: An MCP server that allows agents to perform diagnostic tasks.
- Capabilities: Access to console logs, network traffic, memory heap snapshots, and accessibility trees.
- Automation: Agents can run Lighthouse audits and perform automated fixes, reducing manual developer intervention.
4. Platform Evolution: New APIs
Kinlan highlighted several key updates to the web platform:
- HTML-in-Canvas: Enables rendering DOM content inside a 3D canvas. This allows for "impossible" UIs (e.g., 3D car dashboards or interactive books) that remain searchable, accessible, and translatable.
- Declarative Partial Updates: Allows updating parts of the DOM out of order without JavaScript, improving perceived performance (e.g., patching in user data after the initial page load).
- Streaming API for Dynamic Markup: Introduces
streamHTMLandstreamHTMLUnsafeto inject HTML directly into the DOM from a fetch request, bypassing the need for JSON-to-HTML transformation. - Core Web Vitals: New metrics like Interaction to Next Paint (INP) are now widely available, allowing performance tracking across all browsers, including iOS.
5. Notable Quotes
- "The web is transforming from a medium where users browse and then take action to one where it also has agents to let people delegate their work."
- "I want to make HTML the new JSON." (Regarding the new streaming markup APIs).
- "We want to get you to a point where we're able to build for the web of today, not like the web that was."
Synthesis
The presentation outlines a dual-track strategy for Chrome: Empowering the Agentic Web (via WebMCP and DevTools for Agents) and Modernizing the Web Platform (via HTML-in-Canvas and declarative APIs). The overarching goal is to reduce the cognitive load on developers by providing AI-assisted tools that enforce best practices, while simultaneously making the web more expressive and capable of handling the next generation of autonomous, AI-driven user experiences.
Chat with this Video
AI-PoweredLoad the transcript when you're ready to chat so the initial page stays lighter.