WebMCP
WebMCP是一個提議的Web標準，它使網站能夠通過JavaScript函數將結構化工具直接公開給瀏覽器中的AI代理，從而實現與Web應用程式進行更有效和可靠的AI互動。
https://webmcp.dev/?ref=producthunt&utm_source=aipure
產品資訊
更新時間：2026年02月28日
什麼是 WebMCP
WebMCP（Web模型上下文協定）是一個開源JavaScript庫和Web標準，目前由W3C Web機器學習社群組孵化，由Google和Microsoft的工程師共同開發。它通過提供一種標準化的方式，讓Web開發人員可以將其網站的功能定義並公開為可由AI代理、瀏覽器助手和輔助技術直接訪問的「工具」，而無需後端伺服器實作，從而充當網站和AI代理之間的橋樑。
WebMCP 的主要功能
WebMCP (Web Model Context Protocol) 是一個 W3C 提出的網路標準，旨在讓網站透過 navigator.modelContext API 直接向瀏覽器內的 AI 代理程式公開結構化的工具。它允許開發者將網站功能定義為具有自然語言描述和結構化模式的 JavaScript 函數，從而無需螢幕抓取，並提高 AI 與網路互動的效率和可靠性。
結構化工具註冊: 允許開發者將網站功能註冊為具有清晰描述和 JSON 模式的工具，AI 代理程式可以直接呼叫這些工具
瀏覽器原生整合: 完全在瀏覽器分頁中運行，共享使用者的會話和安全上下文，而無需單獨的後端基礎設施
宣告式與命令式 API: 提供基於 HTML 的宣告式和基於 JavaScript 的命令式方法，用於實現 AI 可存取的工具
內建開發工具: 包括 DevTools 整合和模型上下文工具檢查器，用於除錯和測試工具實作
WebMCP 的使用案例
電子商務整合: 使 AI 代理程式能夠透過結構化的工具直接與購物車、產品搜尋和結帳流程互動
內容管理: 允許 AI 代理程式透過直接的 API 呼叫，而不是解析 HTML，來有效存取和管理部落格文章、文章和其他內容
表單自動化: 透過為 AI 代理程式提供對表單欄位和驗證規則的結構化存取，簡化表單填寫和資料提交流程
搜尋增強: 透過允許 AI 代理程式使用結構化參數直接查詢和篩選內容，來改善搜尋功能
優點
與傳統的螢幕抓取方法相比，減少約 67% 的計算開銷
透過結構化互動，將任務準確性提高到約 98%
無需後端基礎設施變更，完全在瀏覽器中工作
為網站與 AI 代理程式互動提供標準化的方式
缺點
目前僅限於啟用實驗性功能的 Chrome 瀏覽器
由於網站和代理程式之間的雞生蛋問題，面臨採用挑戰
仍處於開發的早期階段，API 可能會發生變化
需要額外的開發工作來實作和維護工具定義
如何使用 WebMCP
在Chrome中啟用WebMCP: 前往chrome://flags，搜尋「WebMCP for testing」，啟用它，然後重新啟動Chrome。這是必需的，因為WebMCP目前處於開發試用階段。
包含WebMCP腳本: 通過在HTML中包含<script src='webmcp.js'></script>，將WebMCP腳本添加到您的網頁
初始化WebMCP: 使用自定義選項（例如：const mcp = new WebMCP({ color: '#4CAF50', position: 'top-right', size: '40px', padding: '15px' });）創建一個新的WebMCP實例
註冊工具: 通過使用名稱、描述、輸入架構和執行函數調用mcp.registerTool()來註冊AI代理可以使用的工具。工具應在加載腳本後立即註冊。
註冊提示: 使用mcp.registerPrompt()設置LLM互動的預定義模板，包括名稱、描述、參數和模板函數
註冊資源: 使用mcp.registerResource()公開LLM上下文的數據和內容，包括名稱、描述、URI配置和內容檢索函數
連接MCP客戶端: 啟動您的MCP客戶端（如Claude），然後通過單擊角落中的藍色小部件並粘貼WebMCP令牌，將其連接到您的網頁
測試整合: 通過讓您的AI代理與您網頁上註冊的工具、提示和資源互動來驗證設置
WebMCP 常見問題
WebMCP是一個開源JavaScript庫和Web標準，允許網站與模型上下文協議集成。它使Web應用程式能夠將其功能公開為\"工具\" - 具有自然語言描述和結構化模式的JavaScript函數，可以由AI代理和輔助技術調用。
与 WebMCP 类似的最新 AI 工具
类似 WebMCP 的热门 AI 工具
Magentic-UI
Magentic-UI 是微軟研究院的一個開源、以人為本的網路代理原型，它透過人與人工智慧代理之間的透明互動，實現複雜的基於網路的任務的協作計畫和執行。
Web Accessibility Testing MCP
A11y MCP 是一個模型上下文協定伺服器，它使 AI 語言模型能夠透過與 Deque 的 Axe-core API 和 Puppeteer 整合來執行自動化的 Web 輔助功能測試，以分析 Web 內容的 WCAG 合規性。
MyLensAI Chrome
MyLensAI Chrome 是一款瀏覽器擴展程序，只需一鍵即可將任何網頁或 YouTube 視頻即時轉變為視覺總結，如思維導圖、時間軸、表格和流程圖。
CampEd Hire
CampEd Hire 是一款強大的 Chrome 擴展，通過自動收集和組織 LinkedIn 職位發布中的職位申請人數據來簡化招聘流程，具有自動數據收集、CSV 導出和批量簡歷下載等功能。