浏览器-mcp

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

用法

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

Related MCP server: browser-mcp

工具

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

get_current_page_markdown

从当前浏览器浏览页面获取markdown。

例子：

Summarize the current page.

append_style

为当前浏览器浏览页面附加一个css样式。

例子：

Change the current page to dark mode.

history_search

搜索浏览器历史记录。

例子：

Search the browser history for "github".

路线图

• [ ] 将扩展发布到扩展商店。

• [ ] 编写文档。

• [ ] 添加更多工具。

建造

pnpm i

扩大

cd extension

# chrome
npm run build

# edge
npm run build:edge

# firefox
npm run build:firefox

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

服务器

cd server

# dev
npm run dev

# build
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-或更高版本