Dev Chrome Monitor

devchrome监视器

一个保持Chromium实例连接的模型上下文协议（MCP）服务器 使用Puppeteer，工具（Cursor、Trae等）可以检查开发版本，捕获 并驱动UI。服务器公开了一个权限门控工具集 因此，您仍然可以控制导航、评估和DOM自动化。

安装

npm install @2sslgetlool/dev-chrome-monitor

用法

将服务器添加到项目的 mcp.json:

{
  "mcpServers": {
    "chrome": {
      "command": "node",
      "args": [
        "node_modules/@2sslgetlool/dev-chrome-monitor/dist/devChromeServer.mjs"
      ],
      "env": {
        "MCP_DEV_URL": "http://localhost:5173/",
        "MCP_CHROME_PATH": "C:\\\Program Files\\\Google\\\Chrome\\\Application\\\chrome.exe",
        "MCP_NAV_TIMEOUT": "45000",
        "MCP_WAIT_TIMEOUT": "45000"
      }
    }
  }
}

在IDE中重新加载MCP，然后使用内置工具：

• dev_list_permissions → 检查启用了哪些功能。
• dev_grant_permissions / dev_revoke_permissions → 授予或撤销

权限（接受 permissions: ["status", "navigate", ...] 或 ["all"] 加 confirm: true).

• 其他工具(dev_status, dev_screenshot, dev_eval等）将仅运行

在授予匹配权限之后。

环境变量

• MCP_DEV_URL –要打开的默认URL（要监视的开发服务器）。
• MCP_CHROME_PATH –可选的显式Chrome/Chromium可执行路径。
• MCP_NAV_TIMEOUT, MCP_WAIT_TIMEOUT –导航/等待超时

毫秒。

发展

npm install
npm run build

npm run build 复制最新源(src/devChromeServer.mjs)进入 dist/ 因此，已发布的包保持同步。

许可证

麻省理工学院