Chrome's WebMCP Pane Lets a Website Hand AI Agents a Menu of Tools
Watch on TikTok
WebMCP lets a website register named tools that AI agents can call on a visitor's behalf, and Chrome DevTools now ships a pane for inspecting them. In this short clip, the creator opens Chrome DevTools on his own marketing agency site and walks through the new WebMCP section under the Application tab. The pane lists every tool the site exposes to agents, from booking a call to searching FAQs. The video is a demo and a prompt to act, and the underlying feature is real and worth understanding.
What the video shows
The creator points at a MacBook running Chrome DevTools on egmermarketing.com, a site for accessible websites aimed at healthcare practices. Under the Application tab, a "WebMCP" pane carries a NEW badge in the sidebar next to Storage and Service workers. The right side shows two areas: a "Tool Activity" log that reads "Start interacting with your WebMCP agent to see real-time tool calls and executions here," and an "Available Tools" list populated with the site's registered tools. His voiceover is short: WebMCP is a new feature by Google, open DevTools, go to WebMCP, and these are the tools you can grant AI agents to interact on their user's behalf on your website.
The tools on screen
The frames show a concrete tool catalog for a small agency site, each with a name and a plain-language description an agent can read:
book_a_callopens the booking page so a visitor can schedule a free discovery callcheck_service_areachecks whether the agency serves a given city or areaget_contact_inforeturns phone, email, booking page, and service areaget_free_toolslists free, no-signup tools and resourcesget_industry_pagefetches the page written for a specific type of practice or businessget_service_detailsreturns full detail for one servicelist_serviceslists every service with a one-line descriptionsearch_faqssearches published answers to common small business questions
This is the useful part of the demo. The tool set maps directly to what a sales-oriented site wants an agent to do: qualify (service area), inform (services, FAQs, industry pages), and convert (book a call).
What WebMCP actually is
WebMCP stands for Web Model Context Protocol. It lets a web page register client-side tools with typed schemas that a visiting LLM agent can discover and invoke, instead of the agent scraping the DOM and guessing at buttons. Chrome's explainer frames it as "give agents tools, not DOM." The DevTools pane shown in the video shipped as part of Chrome 149 and lives in the Application panel. It shows registered tools with their schemas, logs invocations chronologically, and lets you run a tool manually with custom parameters to debug schema violations. Tools can be defined declaratively in HTML or imperatively in JavaScript.
Where the video oversimplifies
Calling it "a new feature by Google" is close but incomplete. WebMCP is a web platform proposal incubated with Microsoft in the W3C's Web Machine Learning group, and the API is early. Shipping tools on a production site today means betting on a spec that can still change, and agent support on the consumer side is only starting. The "go create it on your website now" push makes sense for an agency selling implementation work. For most site owners the practical move is smaller: understand the model, watch the Chrome releases, and think about which three to eight actions on your site you would want an agent to perform for a user.
Why this matters for site owners
If agents become a meaningful share of how people reach websites, sites that expose clean tools will convert agent traffic while sites that rely on visual layout will not. The Egmer example shows the pattern at small business scale: a handful of tools that answer the questions a prospect's assistant would ask, ending in a booking action. That is a marketing surface, and defining it will likely become part of standard web work the way structured data and sitemaps did.
Key Takeaways
- WebMCP lets a website register named, described tools that AI agents can call for a visitor, replacing DOM scraping with a structured API.
- Chrome 149 added a WebMCP pane under the Application tab in DevTools for inspecting, debugging, and manually running these tools.
- The demo site exposes eight tools covering qualification, information, and conversion, ending in
book_a_call. - WebMCP is an early proposal from Google and Microsoft, so treat it as something to learn now and adopt deliberately.
- A useful exercise today: list the actions on your site you would trust an agent to perform on a user's behalf.
Resources
Published September 6, 2026. Writeup generated from a favorited TikTok.