d

djyde

@djyde/browser-mcp
0 Stars 404 次浏览 djyde 更新于 2026-08-23

MCP 服务配置

复制以下 JSON 到 OPClaw 或其他 MCP 客户端的配置文件中即可使用

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

服务介绍

browser-mcp

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

mcp

使用方法

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

工具

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

get_current_page_markdown

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

示例:

总结当前页面。

append_style

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

示例:

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

搜索浏览器历史记录。

示例:

在浏览器历史记录中搜索"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.tstools 数组中添加工具模式。
  2. extension/calls.ts 中添加一个可调用的扩展处理程序。
  3. server/src/tools.ts 中添加一个工具处理程序。使用 call 函数来调用扩展处理程序。

许可证

AGPL-3.0-or-later

相关 MCP 服务