{"slug": "webmcp-make-your-website-agent-ready-in-chrome-149", "title": "WebMCP: Make Your Website Agent-Ready in Chrome 149", "summary": "Google's WebMCP, now in public Origin Trial in Chrome 149, lets developers expose structured tools to in-browser AI agents, reducing token usage by 90% compared to screenshot-based automation. The open web standard, co-developed with Microsoft and incubated in the W3C, provides declarative and imperative APIs for agent-ready websites. Early adopters include Expedia, Booking.com, and Shopify.", "body_md": "AI agents are already visiting your website. They’re doing it by taking screenshots, parsing walls of nested DOM nodes, and making expensive guesses about your UI. It’s slow, brittle, and breaks every time you ship a redesign. Google’s WebMCP — now in public Origin Trial in Chrome 149 — gives developers a clean exit from that mess. Early adopters report a **90% drop in token usage** compared to screenshot-based automation. That number alone is worth paying attention to.\n\n## What WebMCP Actually Is\n\nWebMCP is a proposed open web standard that lets developers expose structured tools — JavaScript functions and annotated HTML forms — directly to in-browser AI agents. Instead of an agent squinting at your DOM and guessing what your “Add to Cart” button does, it calls a named function with a typed schema and gets a structured response. Google announced it at I/O 2026, and it’s co-developed with Microsoft and incubated in the W3C Web Machine Learning Community Group. This isn’t a weekend experiment. It’s on a real standardization track.\n\nCurrent status: Chrome 149 Origin Trial is open for registration. Microsoft Edge 147 ships it natively. Firefox and Safari have not committed. Keep that in mind.\n\n## Two APIs, One Minimum-Viable Entry Point\n\nWebMCP gives developers two implementation paths. Start with the declarative API if you want the lowest possible lift.\n\n### Declarative API: Three HTML Attributes\n\nAnnotate an existing HTML form with `toolname`\n\n, `tooldescription`\n\n, and optionally `toolautosubmit`\n\n. The browser auto-generates the JSON Schema from your existing inputs. No JavaScript changes required.\n\n```\n<form toolname=\"search_products\"\n      tooldescription=\"Search products by keyword\"\n      toolautosubmit>\n  <input type=\"text\" name=\"query\" />\n  <button type=\"submit\">Search</button>\n</form>\n```\n\nThat’s it. An agent can now call your search form without parsing a single DOM node.\n\n### Imperative API: Full Control\n\nFor complex workflows — dynamic toolsets, multi-step operations, state-dependent logic — use `navigator.modelContext.registerTool()`\n\n:\n\n```\nnavigator.modelContext.registerTool({\n  name: \"addToCart\",\n  description: \"Add a product to the shopping cart\",\n  inputSchema: {\n    type: \"object\",\n    properties: {\n      sku: { type: \"string\" },\n      quantity: { type: \"number\" }\n    },\n    required: [\"sku\"]\n  },\n  execute: async (params) => {\n    const res = await fetch(\"/api/cart\", {\n      method: \"POST\",\n      body: JSON.stringify(params)\n    });\n    return { type: \"text\", text: JSON.stringify(await res.json()) };\n  }\n});\n```\n\nThe imperative API also exposes `provideContext()`\n\nfor surfacing state-dependent toolsets — useful when your available actions change based on what the user is currently doing on the page.\n\n## The Security Model Is Worth Understanding\n\nWebMCP doesn’t ask agents to authenticate separately. Tools inherit the user’s existing browser session — no additional OAuth complexity, and agents operate only within the permissions that user already has. Tool invocation goes through a user consent manager. A `SubmitEvent.agentInvoked`\n\nflag lets you distinguish human actions from agent actions and apply different validation logic if needed. Registration is HTTPS-only and same-origin enforced. Add `readOnlyHint`\n\nand `untrustedContentHint`\n\nannotations to guide agent behavior on sensitive tools.\n\n## Who Is Actually Behind This\n\nThe backing list matters: Google, Microsoft (Edge 147 ships native support), W3C formal incubation. At I/O 2026, Google named companies already in testing: Expedia, Booking.com, Shopify, Credit Karma, TurboTax, Redfin, Etsy, Instacart, and Target. Angular has experimental WebMCP support. Gemini in Chrome is getting WebMCP API integration. This has the pattern of a standard that will ship.\n\n## WebMCP vs MCP: Know When to Use Which\n\nThese are complementary, not competing. [Anthropic’s Model Context Protocol (MCP)](https://www.anthropic.com/news/model-context-protocol) handles communication between AI agents and backend services — databases, file systems, external APIs. WebMCP handles in-browser, live-page interactions where a human user is in the loop and actions are visible in the UI. If you’re building an agent that fills out a checkout form on behalf of a user, that’s WebMCP. If you’re building an agent that queries your internal database, that’s MCP. You’ll likely need both.\n\n## How to Start Today\n\nThe Origin Trial is open in Chrome 149. [Register at the Chrome Origin Trials page](https://developer.chrome.com/origintrials/#/register_trial/4163014905550602241) to get a token for production testing. For local development, enable `chrome://flags/#enable-webmcp-testing`\n\nand install the Model Context Tool Inspector from the Chrome Web Store. Full technical documentation lives at [developer.chrome.com/docs/ai/webmcp](https://developer.chrome.com/docs/ai/webmcp). The spec source is on [GitHub (webmachinelearning/webmcp)](https://github.com/webmachinelearning/webmcp).\n\nThe honest caveat: Firefox and Safari haven’t committed. Breaking changes are expected during the origin trial period. Don’t bet production traffic on this yet. But start prototyping now. If your web app serves users who will interact with AI agents — which is increasingly everyone — WebMCP is where the web is going. Getting familiar now isn’t optional, it’s just early.", "url": "https://wpnews.pro/news/webmcp-make-your-website-agent-ready-in-chrome-149", "canonical_source": "https://byteiota.com/webmcp-make-your-website-agent-ready-in-chrome-149/", "published_at": "2026-06-26 05:08:51+00:00", "updated_at": "2026-06-26 05:09:21.222398+00:00", "lang": "en", "topics": ["ai-agents", "ai-tools", "ai-infrastructure", "ai-research", "developer-tools"], "entities": ["Google", "Microsoft", "W3C", "Chrome 149", "Edge 147", "Expedia", "Booking.com", "Shopify"], "alternates": {"html": "https://wpnews.pro/news/webmcp-make-your-website-agent-ready-in-chrome-149", "markdown": "https://wpnews.pro/news/webmcp-make-your-website-agent-ready-in-chrome-149.md", "text": "https://wpnews.pro/news/webmcp-make-your-website-agent-ready-in-chrome-149.txt", "jsonld": "https://wpnews.pro/news/webmcp-make-your-website-agent-ready-in-chrome-149.jsonld"}}