[控场AI]
产品

Chrome DevTools

Chrome DevTools是Google Chrome浏览器内置的一套网页开发与调试工具集,直接集成于浏览器中无需单独安装。其核心功能涵盖HTML/CSS实时编辑与元素审查、JavaScript断点调试与性能分析、网络请求监控、内存与性能剖析,以及代码覆盖率分析等。广泛应用于前端开发、性能优化和问题排查场景,是Web开发者的重要工作工具。

核心事实

时间轴 (近 90 天)

10月28日

DevTools 的 WebMCP 面板是 WebMCP 机制的运行时映射,将抽象的工具注册表变成可观察的列表。

待验证50%
10月28日

演示结尾官方向开发者征集反馈,询问有哪些需要修改或补充的地方。

待验证50%
10月28日

开发者可以从 WebMCP 工具的活动记录直接跳转到工具注册位置(如某段 JavaScript 代码),并像调试任何其他 JavaScript 代码一样测试和调试这些工具。

待验证50%
10月28日

DevTools 的 WebMCP 面板支持手动触发工具,例如直接查询纽约的酒店信息,便于复现特定场景而不必每次都通过自然语言对话触发。

待验证50%
10月28日

在 DevTools 演示中,用户向代理发出“帮我找东京的酒店,筛选健身房和早餐”的请求后,左侧面板列出被调用的 WebMCP 工具及每次调用的输入输出。

待验证50%
10月28日

DevTools 的 WebMCP 工具活动区块可以展示代理请求中每次工具调用的输入、输出以及更多细节。

待验证50%
10月27日

Lauren Tan 将确定性部分抽离成自定义 CLI(如与 Playwright 和 Chrome DevTools 协议交互的脚本),以避免每个 Agent 重复构建验证脚本。

待验证50%
10月15日

Forecall在4个服务器(Memory、Notion、Playwright、Chrome DevTools)的88个工具上,为每个工具生成8个单步请求,分别用Claude Sonnet 5.5和GPT-6.1 Sol测试模型选择正确率,所有服务器的正确率区间为91%到99%。

待验证50%
10月14日

REA 是一个开源的 MCP server,同时附带一套给 coding agent 用的 skill,用于将 AI coding agent 接入 Ghidra、IDA 和 Hopper。

待验证50%
10月13日

Chrome开发者工具对锚点定位的支持尚不完善,团队正在改进中。

已过期50%

还有 17 条时间轴事件

全部知识事实 (20)

已验证

Lighthouse是Google开发的开源自动化工具,内置于Chrome DevTools,提供包括无障碍在内的多维度网页质量评分

75%
已验证

Agent DevTools draws inspiration from Browser DevTools, allowing developers to inspect an AI Agent's internal operations similarly to how Chrome DevTools inspects page elements and network requests

70%
已验证

Chrome DevTools的Snippets功能位于Sources面板的左侧导航栏中,允许保存可复用的JavaScript代码片段并在任意页面上下文中手动触发执行

65%
待验证

Cursor内置了完整的Chrome DevTools,允许通过F1命令面板调用开发者工具执行任意JavaScript代码

85%
待验证

CodeMirror 6被广泛应用于Replit、Observable、Chrome DevTools等知名产品中

80%
待验证

DevTools 的 WebMCP 面板是 WebMCP 机制的运行时映射,将抽象的工具注册表变成可观察的列表。

50%
待验证

Lauren Tan 将确定性部分抽离成自定义 CLI(如与 Playwright 和 Chrome DevTools 协议交互的脚本),以避免每个 Agent 重复构建验证脚本。

50%
待验证

Forecall在4个服务器(Memory、Notion、Playwright、Chrome DevTools)的88个工具上,为每个工具生成8个单步请求,分别用Claude Sonnet 5.5和GPT-6.1 Sol测试模型选择正确率,所有服务器的正确率区间为91%到99%。

50%
待验证

REA 是一个开源的 MCP server,同时附带一套给 coding agent 用的 skill,用于将 AI coding agent 接入 Ghidra、IDA 和 Hopper。

50%
待验证

Resend 还提供 "Edit and Resend as Fetch" 选项,可将请求转换为 Fetch 代码在 Console 面板中修改后再执行。

50%
待验证

Copy as Fetch 是 Chrome DevTools Network 面板长期提供的右键菜单功能,能将选中的网络请求转换成等效的 JavaScript fetch() 代码。

50%
待验证

Resend 功能允许开发者在 Network 面板中选中任意请求,点击按钮即可立即重新发送,并能保留原始请求的所有 Header、Cookie 和 Payload 信息。

50%
待验证

Replay XHR 功能存在了近十年,主要用于重新发送已捕获的 XHR 请求。

50%
待验证

Playwright 和 Chrome DevTools 这两个浏览器类服务器能看到自己打开的所有页面,包括用户登录的任何网站

50%
待验证

Chrome DevTools MCP 服务器让 Claude 能检查并调试页面,默认会向 Google 收集使用统计数据,但用户可手动选择退出(opt out)

50%
待验证

一个Chrome DevTools MCP服务器在执行第一个有意义的动作之前,可能烧掉约18,000个Token

50%
待验证

Chrome DevTools中Scope面板的live binding特性并非bug,但对逆向新手易造成签名在更早处生成的错觉

50%
待验证

Chrome DevTools的条件断点只有表达式为真时才暂停执行,适合在高频调用函数里只拦截目标请求

50%
待验证

Chrome DevTools的日志断点(Logpoint)执行到该行时把表达式值打印到Console而不暂停页面,适合观察数据流动

50%
待验证

逆向工程入门需掌握网络层分析、JS调试能力和常见加密算法识别(AES、RSA、MD5等)三个层次的技能

50%

来源文章