Chrome 开发者工具是一套集成于 Google Chrome 浏览器的 Web 开发调试工具，帮助开发者实时修改页面、诊断问题，提升网站开发与优化效率。
性能面板中的 AI 辅助功能
借助性能面板，开发者可记录 Web 应用的 CPU 性能配置文件，分析资源使用情况，定位性能瓶颈。AI 辅助功能进一步增强了这一能力，帮助用户更深入理解性能数据。
打开 AI 辅助
在使用 AI 辅助前，需先记录性能分析报告。用户可在性能面板的数据分析标签页或轨迹视图中，通过点击“询问 AI”按钮启动辅助功能，系统将自动将当前选中内容作为对话上下文。
- 记录性能分析报告
性能数据分析
在数据分析标签页中，点击“询问 AI”按钮，可针对以下指标获取洞察：
- 按阶段划分的 LCP
- 发现 LCP 请求
- 渲染屏蔽请求
- 布局偏移原因
- 文档请求延迟时间
所选性能分析结果将自动作为 AI 对话的上下文，便于精准提问与解读。
性能轨迹视图
在轨迹视图中，右键点击任意活动并选择“询问 AI”，该活动即成为对话上下文。此外，也可通过命令菜单或“更多工具”菜单启动 AI 辅助功能。
从命令菜单中打开
从 "更多工具" 菜单中打开
与 AI 助理对话的上下文
当前选中的性能活动将作为与 AI 助理对话的上下文，相关引用显示在面板左下角。
性能数据分析（续）
在数据分析标签页中点击“询问 AI”后，所选分析项将成为对话背景。切换不同数据洞察可更新上下文。对话开始后，展开“Analyzing insight: ...”部分可查看 AI 使用的原始数据。
性能轨迹视图（续）
在性能轨迹中选择不同条目时，上下文同步更新。AI 辅助基于所选调用树的时间信息进行响应。
对话开始后，点击“Analyzing call tree”标签中的“展开”按钮，可查看 AI 使用的原始数据。
系统会保存对话记录，支持跨会话延续交流。即使重新加载开发者工具或浏览器，历史对话仍可访问。
通过面板左上角控件管理对话记录，按钮依次为“发起新对话”、“继续之前的对话”、“删除对话”。