AI导哈

Chrome监控工具

一个基于Puppeteer的Chromium实例监控工具，提供权限控制的导航、评估和DOM自动化功能，适用于开发构建的检查和UI驱动。

  • by 2sslgetlool
  • JavaScript
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 2sslgetlool/-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/ 因此，已发布的包保持同步。

许可证

麻省理工学院

相关 MCP