Chrome 132 版本开发者工具(DevTools)更新内容
一、使用 Gemini 调试 Network、Source 和 Performance
Chrome 131 可以使用 Gemini 调试 CSS,现在可以调试更多模块了
与元素面板中的右键菜单类似,要打开 AI 辅助面板并开始与 Gemini 的聊天,可以通过以下方式操作:
- 在 Network 面板中,右键点击一个网络请求并选择“Ask AI”,或点击该请求旁边的“Ask AI”按钮。
- 在 Sources > Page 选项卡中,右键点击一个文件并选择“Ask AI”,或点击该文件旁边的“Ask AI”按钮。
- 在 Performance > Main track 中,右键点击一个活动并选择“Ask AI”,或点击该活动旁边的“Ask AI”按钮。
二、AI 聊天记录
可以通过以下方式在 AI 辅助面板中恢复并查看与 Gemini 的历史聊天记录:
- 点击面板左上角的 “Add New Chat” 按钮。
- 使用网络面板、Sources > Page 选项卡以及 Performance > Main track 中的 “Ask AI” 按钮和菜单选项。
要查看之前的聊天记录,可以点击 “History” 按钮下方的下拉菜单,从中选择相应的提示。只要 DevTools 处于打开状态,AI 辅助面板会记住聊天历史记录。
三、在 Application > Storage 中管理扩展存储
与本地存储和会话存储类似,现在可以在 Application > Storage 部分查看和修改扩展存储条目
四、Performance 面板优化
此版本对性能面板进行了多项改进。</