Chrome 开发者工具是一套 Web 开发者工具,直接内置于 Google Chrome 浏览器中,帮助您即时修改页面和快速诊断问题,让您能够更快地构建更好的网站。
Chrome 开发者工具
https://developer.chrome.google.cn/docs/devtools/ai-assistance?hl=zh-cn
Google Chrome
https://www.google.com/chrome/?hl=zh-cn
在上一篇文章中,我们了解到 AI 助理可以为您的网站进行样式设置,本文将为您介绍面向网络面板的 AI 辅助功能,使其了解您网站发送的请求。
您可以通过以下三种方式打开 AI 辅助:
在 "网络" 面板中右键点击相应请求,然后选择 "询问 AI" 选项。
当您以这种方式打开 AI 帮助时,系统会预先选择所选网络请求作为对话的上下文。
或者,您也可以将鼠标悬停在相应的网络请求上,然后点击旁边出现的浮动按钮。
从命令菜单中打开 AI 辅助,输入 "AI",然后运行 "显示 AI 辅助" 命令 (旁边带有 Drawer 标记)。
在页面右上角的设置中选择更多选项 > 更多工具 > AI 辅助。
您当前在网络面板中选定的网络请求,会关联您与 AI 助理对话的上下文。面板的左下角会显示对此请求的引用。
您可以点击网络面板中的其他请求来更改对话上下文,AI 助理会使用请求网址、标头、时间和请求发起者链来回答您的问题。系统也会自动隐去可能包含敏感信息的标头。
发起对话后,点击 Analyzing network data 条状标签中的展开按钮,即可查看 AI 助理使用的原始数据。
开始对话后,系统会根据您与 AI 之间的过往互动来回答后续问题,并保存对话记录,因此即使重新加载开发者工具或 Chrome,您也可以访问之前的对话。
使用面板左上角的控件来控制对话记录
想了解更多 Chrome 开发者工具的实用技巧吗?请持续关注我们的系列文章,以及使用 AI 辅助功能的提示建议,助您快速上手。敬请期待更多精彩内容!




