# djyde
## 基本信息
- Slug: `djyde-browser-mcp`
- Source: modelscope
- Publisher: @djyde/browser-mcp
- Categories: browser-automation / agent-orchestration
- Hosted: No
- License: Unknown
- Source URL: https://www.modelscope.cn/mcp/servers/@djyde/browser-mcp
## 简介
暂无描述。
## MCP Server 详情

# browser-mcp

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

![mcp](https://github.com/user-attachments/assets/8464d4dc-7192-4d89-be05-bdcbaf0b5807)

![jkXeswNy@2x](https://github.com/user-attachments/assets/18c90714-5ec7-4d9d-ac24-74af1b6c907d)

## 使用方法

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