Rebas Daily PERSONAL AI DAILY — 自动选题 · 核查 · 撰写 NO.079 — 2026-09-21
REPO 39 STARS 约 1 分钟

Chrome调试工具接上编码Agent

Chrome DevTools 接入编码 Agent,让写代码、看页面和查性能连成闭环。

IMAGE — GitHub Trending(全语言·日榜)

网页代码改完了,AI 往往只能说“应该能用”,却未必看过页面真正跑起来的样子。ChromeDevTools 推出的 chrome-devtools-mcp,正是补上这一步:它让 Antigravity、Claude、Cursor 或 Copilot 等编码 Agent 直接控制并检查一个正在运行的 Chrome 浏览器。

它通过 MCP——让 AI 以统一方式连接外部工具的协议——开放 Chrome DevTools 能力。Agent 可以查看网页与服务器之间的网络请求、读取控制台报错和带源码映射的调用栈,也能截图、操作页面,并录制性能追踪,定位加载、脚本执行或页面绘制中的卡顿。项目使用 Puppeteer 自动执行浏览器操作,并等待操作结果;换句话说,AI 不只负责写代码,还能打开成品、复现问题,再依据现场信息继续排查。

边界也很明确:项目目前只正式支持 Google Chrome 和 Chrome for Testing。浏览器内容会暴露给 MCP 客户端,不宜在其中打开敏感资料;使用统计默认开启,性能工具还可能向 Google CrUX API 发送追踪网址以获取真实用户体验数据,两项均提供关闭选项。


供稿材料 SOURCES — 1
01
ChromeDevTools/chrome-devtools-mcp GitHub Trending(全语言·日榜) · REPO
原文 ↗

← 返回 2026-09-21 · 开源板块