browser-mcp

这是一个浏览器扩展和MCP服务器，允许你与正在使用的浏览器进行交互。

使用方法

json { "mcpServers": { "playwright": { "command": "npx", "args": [ "@djyde/mcp-browser@latest" ] } } }

工具

所有可用工具都列在 server/src/tools.ts 中。

get_current_page_markdown

从当前浏览页面获取Markdown格式的内容。

示例：

总结当前页面。

append_style

向当前浏览页面添加CSS样式。

示例：

将当前页面切换为暗黑模式。

history_search

搜索浏览器历史记录。

示例：

在浏览器历史记录中搜索"github"。

路线图

• 将扩展发布到扩展商店。
• 编写文档。
• 添加更多工具。

构建

bash pnpm i

扩展

bash cd extension

chrome

npm run build

edge

npm run build:edge

firefox

npm run build:firefox

构建完成后，扩展程序将位于 extension/.output 目录中。

服务器

bash cd server

开发环境

npm run dev

构建

npm run build

server/dist/cli.js 是MCP服务器的入口点。

贡献

添加新工具

1. 在 server/src/tools.ts 的 tools 数组中添加工具模式。
2. 在 extension/calls.ts 中添加一个可调用的扩展处理程序。
3. 在 server/src/tools.ts 中添加一个工具处理程序。使用 call 函数来调用扩展处理程序。

许可证

AGPL-3.0-or-later