--- title: WebMCP in Chrome 101 | daily.dev description: WebMCP is a browser-based implementation of the Model Context Protocol (MCP) that lets web applications expose structured tools directly to AI agents,... canonical: https://daily.dev/posts/webmcp-in-chrome-101-sqy7sham1 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: WebMCP in Chrome 101 | daily.dev og:description: WebMCP is a browser-based implementation of the Model Context Protocol (MCP) that lets web applications expose structured tools directly to AI agents,... og:url: https://daily.dev/posts/webmcp-in-chrome-101-sqy7sham1 og:image: https://api.daily.dev/og/posts/sqY7SHAm1.png og:image:alt: WebMCP in Chrome 101 og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # WebMCP in Chrome 101 **[Amit Merchant](https://daily.dev/sources/amitmerchant)** · 7 min read · 0 upvotes · 0 comments ## Summary WebMCP is a browser-based implementation of the Model Context Protocol (MCP) that lets web applications expose structured tools directly to AI agents, replacing fragile DOM scraping and vision-based automation. Starting in Chrome 149 as an origin trial, it introduces the `navigator.modelContext` API, which allows developers to register named tools with input schemas and execute handlers. AI agents can then discover and invoke these tools reliably. The post covers enabling WebMCP via Chrome flags, registering individual tools with `registerTool`, batching multiple tools with `provideContext`, and unregistering tools when they are no longer needed. Chrome DevTools gains a dedicated WebMCP tab for inspecting registered tools and testing invocations. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [WebMCP: Optimize Your Website for AI Agents](https://daily.dev/posts/webmcp-optimize-your-website-for-ai-agents-3ewweawaw) · DebugBear · 1 upvotes · 0 comments - [WebMCP turns any Chrome web page into an MCP server for AI agents](https://daily.dev/posts/webmcp-turns-any-chrome-web-page-into-an-mcp-server-for-ai-agents-t7se7hpwy) · The New Stack · 1 upvotes · 0 comments - [WebMCP By Google, Clearly Explained\!](https://daily.dev/posts/webmcp-by-google-clearly-explained--qj3yrnemq) · Daily Dose of Data Science \| Avi Chawla \| Substack · 0 upvotes · 0 comments --- Tags: [#ai-agents](https://daily.dev/tags/ai-agents), [#google-chrome](https://daily.dev/tags/google-chrome), [#mcp](https://daily.dev/tags/mcp) [View this post on daily.dev](https://daily.dev/posts/webmcp-in-chrome-101-sqy7sham1) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"WebMCP in Chrome 101","url":"https://daily.dev/posts/webmcp-in-chrome-101-sqy7sham1","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/webmcp-in-chrome-101-sqy7sham1"},"datePublished":"2026-07-23T07:41:29.461Z","dateModified":"2026-07-23T07:42:18.682Z","description":"WebMCP is a browser-based implementation of the Model Context Protocol (MCP) that lets web applications expose structured tools directly to AI agents,...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/81169a91977460fcb42a511da37a3e16?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/81169a91977460fcb42a511da37a3e16?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Amit Merchant","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Amit Merchant","logo":"https://media.daily.dev/image/upload/s--7LL_4kkT--/f_auto,q_auto/v1780213664/logos/amitmerchant?_a=BAMAMiWQ0","url":"https://daily.dev/sources/amitmerchant"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/webmcp-in-chrome-101-sqy7sham1","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"ai-agents,google-chrome,mcp","timeRequired":"PT7M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Amit Merchant","item":"https://daily.dev/sources/amitmerchant"},{"@type":"ListItem","position":3,"name":"WebMCP in Chrome 101"}]} ```