Chrome调用:为 Agent 准备 Chrome CDP 运行时

前言

让 AI 操作浏览器时,常见做法是直接调用 Playwright、Puppeteer 或各类 MCP 浏览器工具。这些方案往往自带浏览器启动逻辑,和本机已开的 Chrome、固定调试端口 9222 不一定对齐。若你希望 Agent 先确认调试端口、接管已有 Chrome,或在已知可执行路径下拉起带 CDP 的实例,再去做 tab 选择与页面脚本,就需要一层「运行时准备」说明,而不是散落的临时命令。

下面介绍 SkillHub 上的 Chrome调用(坐标 @user_2a19425c/chrome-cdp-runtime,版本 1.0.0)。它用通用 SKILL.md 约束 Agent 的行为:只走 Chrome CDP、固定关注 9222,并为上层业务 Skill 提供可复用的连接与 tab 操作前提。

这是什么

Chrome调用(包内 Display Name 为 Chrome CDP Runtime)由社区发布者 user_2a19425c 维护,分类为 dev-programming,来源为 community。SkillHub 页面标注 requires_api_key=false,安装与使用不依赖额外 API Key。

一句话定位:在 Agent 侧规范 Chrome DevTools Protocol(CDP)的运行时准备——检查 9222、接管已有实例或按已知路径启动调试 Chrome,并完成基础页面连接与 tab 操作。

核心功能

以下能力均来自该 Skill 的 SKILL.md 与 SkillHub 简介,不含未在文档中出现的接口或脚本名。

  1. 检查 9222:判断本机调试端口是否已监听、是否可访问。
  2. 接管已有实例:若 9222 已在用,优先连接已存在的 Chrome CDP,不要求提供 Chrome 可执行路径。
  3. 按路径启动调试实例:若 9222 未监听且调用方提供了已确认的 chromeExecutablePath,则按该路径启动 Chrome 并开启 9222。
  4. tab 与页面基础操作:连接 CDP 后列出 tab、选择目标页面,支持基础页面读取、导航与脚本执行。
  5. 环境不满足时明确失败:Chrome 路径未知、未安装或 9222 无法使用时,只报告阻塞原因,不擅自换浏览器或猜路径。

硬约束(文档明确要求)

  • 仅使用 Chrome CDP,调试端口仅使用 9222(debugPort 可选,默认 9222)。
  • 不使用 Edge 或其他未授权的浏览器替代方案。
  • 自动启动 Chrome 时不得硬编码路径;路径必须由输入提供且已确认。

可选输入字段

字段 说明
chromeExecutablePath Chrome 可执行文件路径;仅接管已有 CDP 时可省略
targetUrl 目标 URL(可选)
userDataDir 用户数据目录(可选)
debugPort 调试端口,默认 9222

建议触发场景(When to use)

  • Chrome CDP 调试与浏览器自动化前的环境准备
  • 接管已有 9222 实例
  • 启动 Chrome 调试实例
  • 列出/选择浏览器 tab
  • 通过 CDP 执行页面脚本

安装与启用

SkillHub 官方页面给出的安装方式是:让 Agent 依照 SkillHub 安装说明 安装坐标 @user_2a19425c/chrome-cdp-runtime。

若本机已安装 skillhub CLI,可先确认版本,再安装到当前 Agent 的 skills 目录(安装时必须使用 --dir,否则默认目录可能不会被 Agent 加载):

command -v skillhub && skillhub --version

未安装 CLI 时,可按 SkillHub 文档执行完整安装(节选):

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

将本 Skill 安装到对应客户端的 skills 目录,例如 Cursor 常用路径为 ~/.cursor/skills/:

skillhub install chrome-cdp-runtime --namespace user_2a19425c --dir ~/.cursor/skills/

其他客户端的 skills 路径以 skillhub.cn/install/skillhub.md 第四节为准(如 Claude Code:~/.claude/skills/,Codex:~/.codex/skills/ 等)。安装后按各客户端要求刷新或重启,使新 Skill 生效。

也可将下面提示词发给支持 Skill 安装的 AI,由其按官方文档完成安装:

请根据 https://skillhub.cn/install/skillhub.md,安装 `@user_2a19425c/chrome-cdp-runtime`。

典型用法

本 Skill 不附带独立 CLI 脚本,用法体现在 Agent 遵循 SKILL.md 中的执行流程。下面按文档顺序说明可复现的逻辑(具体 CDP 命令由 Agent 在合规前提下选用,本文不编造未出现的工具名)。

流程 1:优先接管已有 Chrome

  1. 检查 9222 是否已监听。
  2. 若可访问,连接已有 Chrome CDP,列出 tab 并选择目标 tab。
  3. 在目标页面上执行读取、导航或脚本执行。

此时无需 chromeExecutablePath。

流程 2:需要 Agent 拉起 Chrome

  1. 检查 9222 未监听。
  2. 调用方提供已确认的 chromeExecutablePath(以及可选的 userDataDir、targetUrl)。
  3. 按路径启动 Chrome,开启 9222,再连接 tab 并操作页面。

若未提供路径且 9222 不可用,Agent 应停止并说明环境不满足,而不是猜测系统 Chrome 位置或改用 Edge。

流程 3:为上层 Skill 提供运行时

完成标准为文档中的四条:成功接管或启动 Chrome CDP;9222 可访问;能列出并连接目标 tab;能执行基础页面操作。满足后,其他依赖浏览器的业务 Skill 可在该运行时之上继续工作。

适用场景与注意

适合谁

  • 已在本机用 9222 做 Chrome 远程调试,希望 Agent 先「接上」再干活。
  • 需要统一约束:只用 Chrome CDP、固定 9222,避免 Agent 自行换浏览器或乱写路径。
  • 想把「浏览器环境准备」与「业务自动化」拆成两层 Skill 的开发者。

限制与注意

  • 端口策略写死为 9222;若本机该端口被占用或防火墙拦截,需先处理环境,Skill 不会自动改端口策略(除非在输入中显式使用 debugPort 且与文档默认一致)。
  • 不能替代完整 E2E 框架:它聚焦 CDP 运行时与基础 tab/页面能力,复杂场景仍要由上层逻辑或专用工具承担。
  • 自动启动依赖调用方提供真实 Chrome 路径;在 CI 或无图形环境的机器上,通常更适合预先启动好带 9222 的 Chrome,再走接管流程。
  • SkillHub 统计(以页面抓取为准):评分 100000,下载约 2991,安装约 8;数据会随时间变化,以 SkillHub 页面为准。

结尾

Chrome调用 把 Chrome CDP 在 Agent 侧的准备步骤写进 Skill:先 9222,再接管或按路径启动,最后连接 tab 与基础页面操作,并明确禁止换浏览器与硬编码路径。若你的自动化要从「本机调试 Chrome」起步,可以在 SkillHub 安装 @user_2a19425c/chrome-cdp-runtime。

  • SkillHub 页面:https://www.skillhub.cn/skills/user_2a19425c/chrome-cdp-runtime
  • API 坐标页:https://api.skillhub.cn/user_2a19425c/chrome-cdp-runtime
  • 安装说明:https://skillhub.cn/install/skillhub.md
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜