Integrations

Provides tools to manipulate and append CSS styles to web pages, including the ability to implement dark mode and other style changes.
Enables interaction with Firefox browser, allowing for retrieving page content, modifying CSS styles, and searching browser history.
Mentioned in examples for history search functionality, allowing search through browser history for GitHub-related visits.

浏览器-mcp

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

用法

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

工具

所有可用的工具都列在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 服务器入口。

贡献

添加新工具

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

执照

AGPL-3.0-或更高版本

This server cannot be installed

-

security - not tested

F

license - not found

-

quality - not tested

一个 MCP 服务器，允许 AI 助手与浏览器交互，包括获取页面内容为 markdown、修改页面样式和搜索浏览器历史记录。

browser-mcp