%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%23061b40;%20}%20.st1%20{%20fill:%20%23306af1;%20}%20.st2%20{%20fill:%20%235ce5cf;%20}%20%3c/style%3e%3c/defs%3e%3cg%3e%3cpath%20class='st0'%20d='M55,10.5h9v3h-9v9h12V7.5h-12v3ZM64,19.5h-6v-3h6v3Z'/%3e%3cpolygon%20class='st0'%20points='69%2016.5%2078%2016.5%2078%2019.5%2069%2019.5%2069%2022.5%2081%2022.5%2081%2013.5%2072%2013.5%2072%2010.5%2081%2010.5%2081%207.5%2069%207.5%2069%2016.5'/%3e%3cpolygon%20class='st0'%20points='95%2010.5%2095%207.5%2083%207.5%2083%2022.5%2095%2022.5%2095%2019.5%2086%2019.5%2086%2016.5%2095%2016.5%2095%2013.5%2086%2013.5%2086%2010.5%2095%2010.5'/%3e%3cpath%20class='st0'%20d='M40,1.5v21h11.6l1.4-1.4v-7.6h0c0,0-1.4-1.5-1.4-1.5l1.4-1.4V2.9l-1.4-1.4h-11.6ZM50,19.5h-7v-6h7v6ZM50,10.5h-7v-6h7v6Z'/%3e%3c/g%3e%3cpath%20class='st1'%20d='M23.1,24L14.7,4.8l-4.9,11.2h3.8l-1.8,4H3.3L12.1,0H2C.9,0,0,.9,0,2v20c0,1.1.9,2,2,2h21.1Z'/%3e%3cpath%20class='st2'%20d='M34,0h-16.8l10.6,24h6.2c1.1,0,2-.9,2-2V2C36,.9,35.1,0,34,0ZM32.5,20h-4V4h4v16Z'/%3e%3c/svg%3e)
Element MCP
什麼是 Element MCP？
Element MCP 是一款Chrome擴展程序，它使您能夠在網頁上輕鬆選擇和保存DOM元素。這些元素可以被存儲在服務器上，並通過表格形式進行查看。如何使用 Element MCP？
Element MCP 的使用非常簡單。只需安裝擴展程序並按照指示操作即可開始選擇和存儲網頁中的DOM元素。適用場景
Element MCP 非常適合需要頻繁檢查和管理網頁元素的開發者、設計師以及內容管理者。主要功能
選擇和存儲DOM元素允許用戶通過點擊網頁上的任何元素來快速選擇並存儲它們。
表格視圖存儲的元素可以通過表格形式查看，方便管理和分析。
優勢與侷限性
優勢
易於使用，適合各種技能水平的用戶。
提高工作效率，簡化網頁元素的管理過程。
侷限性
僅支持Chrome瀏覽器。
可能需要一定的網絡連接穩定性以確保數據上傳成功。
如何使用
克隆倉庫
首先，請克隆 Element MCP 的GitHub倉庫到本地。
%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%230080ff;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='st0'%20d='M16.2,11.1c.4.5.4,1.2,0,1.8l-4.7,7.1h-3.8l5.3-8L7.6,4h3.8l4.7,7.1Z'/%3e%3c/svg%3e)
啟動服務器
進入項目目錄後運行以下命令啟動開發服務器。
加載擴展程序
打開 Chrome 瀏覽器，轉到 chrome://extensions 頁面，啟用開發者模式，然後點擊“加載已解壓的擴展程序”，選擇剛剛克隆下來的項目文件夾。
開始使用
現在您可以啟用 Element MCP 擴展程序，並在任意網頁上嘗試選擇和存儲DOM元素。
使用案例
存儲按鈕元素假設您正在開發一個網站，想要保存某個特定按鈕的樣式，可以使用 Element MCP 來輕鬆完成此任務。
檢查表格佈局如果您需要檢查網頁上的表格結構，可以利用 Element MCP 快速獲取所需的信息。
常見問題
Element MCP 是否支持其他瀏覽器？
如何刪除已經存儲的元素？
相關資源
Element MCP GitHub 倉庫
訪問 Element MCP 的官方GitHub倉庫獲取最新版本和文檔。
Chrome 擴展程序開發指南
瞭解更多關於Chrome擴展程序的基礎知識。
精選MCP服務推薦
Markdownify MCP
Markdownify是一個多功能文件轉換服務，支持將PDF、圖片、音頻等多種格式及網頁內容轉換為Markdown格式。
TypeScript
1.7K
5分
Baidu Map
已認證
百度地圖MCP Server是國內首個兼容MCP協議的地圖服務，提供地理編碼、路線規劃等10個標準化API接口，支持Python和Typescript快速接入，賦能智能體實現地圖相關功能。
Python
710
4.5分
Firecrawl MCP Server
Firecrawl MCP Server是一個集成Firecrawl網頁抓取能力的模型上下文協議服務器，提供豐富的網頁抓取、搜索和內容提取功能。
TypeScript
3.9K
5分
Sequential Thinking MCP Server
一個基於MCP協議的結構化思維服務器，通過定義思考階段幫助分解複雜問題並生成總結
Python
273
4.5分
Edgeone Pages MCP Server
EdgeOne Pages MCP是一個通過MCP協議快速部署HTML內容到EdgeOne Pages並獲取公開URL的服務
TypeScript
257
4.8分
Notion Api MCP
已認證
一個基於Python的MCP服務器，通過Notion API提供高級待辦事項管理和內容組織功能，實現AI模型與Notion的無縫集成。
Python
125
4.5分
Context7
Context7 MCP是一個為AI編程助手提供即時、版本特定文檔和代碼示例的服務，通過Model Context Protocol直接集成到提示中，解決LLM使用過時信息的問題。
TypeScript
5.2K
4.7分
Magic MCP
Magic Component Platform (MCP) 是一個AI驅動的UI組件生成工具，通過自然語言描述幫助開發者快速創建現代化UI組件，支持多種IDE集成。
JavaScript
1.7K
5分