browser-mcp

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

使用方法

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

工具

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

get_current_page_markdown

获取当前浏览器浏览页面的markdown内容。

示例：

总结当前页面。

append_style

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

示例：

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

history_search

搜索浏览器历史记录。

示例：

在浏览器历史中搜索“github”。

发展路线图

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

构建

pnpm i

扩展

cd extension

# chrome
npm run build

# edge
npm run build:edge

# firefox
npm run build:firefox

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

服务器

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