Chrome DevTools
Chrome DevTools是Google Chrome浏览器内置的一套网页开发与调试工具集,直接集成于浏览器中无需单独安装。其核心功能涵盖HTML/CSS实时编辑与元素审查、JavaScript断点调试与性能分析、网络请求监控、内存与性能剖析,以及代码覆盖率分析等。广泛应用于前端开发、性能优化和问题排查场景,是Web开发者的重要工作工具。
核心事实
Lighthouse是Google开发的开源自动化工具,内置于Chrome DevTools,提供包括无障碍在内的多维度网页质量评分
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
Chrome DevTools的Snippets功能位于Sources面板的左侧导航栏中,允许保存可复用的JavaScript代码片段并在任意页面上下文中手动触发执行
时间轴 (近 90 天)
DevTools 的 WebMCP 面板是 WebMCP 机制的运行时映射,将抽象的工具注册表变成可观察的列表。
演示结尾官方向开发者征集反馈,询问有哪些需要修改或补充的地方。
开发者可以从 WebMCP 工具的活动记录直接跳转到工具注册位置(如某段 JavaScript 代码),并像调试任何其他 JavaScript 代码一样测试和调试这些工具。
DevTools 的 WebMCP 面板支持手动触发工具,例如直接查询纽约的酒店信息,便于复现特定场景而不必每次都通过自然语言对话触发。
在 DevTools 演示中,用户向代理发出“帮我找东京的酒店,筛选健身房和早餐”的请求后,左侧面板列出被调用的 WebMCP 工具及每次调用的输入输出。
DevTools 的 WebMCP 工具活动区块可以展示代理请求中每次工具调用的输入、输出以及更多细节。
Lauren Tan 将确定性部分抽离成自定义 CLI(如与 Playwright 和 Chrome DevTools 协议交互的脚本),以避免每个 Agent 重复构建验证脚本。
Forecall在4个服务器(Memory、Notion、Playwright、Chrome DevTools)的88个工具上,为每个工具生成8个单步请求,分别用Claude Sonnet 5.5和GPT-6.1 Sol测试模型选择正确率,所有服务器的正确率区间为91%到99%。
REA 是一个开源的 MCP server,同时附带一套给 coding agent 用的 skill,用于将 AI coding agent 接入 Ghidra、IDA 和 Hopper。
Chrome开发者工具对锚点定位的支持尚不完善,团队正在改进中。
还有 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%