大数跨境
0
0

Web 开发指向标|了解 Chrome 开发者工具中针对网络面板的 AI 辅助功能

Web 开发指向标|了解 Chrome 开发者工具中针对网络面板的 AI 辅助功能 谷歌开发者
2025-11-24
8
导读:Chrome 开发者工具支持各种常见的 Web 开发任务。本文是 Chrome 开发者工具学习资源的第九篇,将为您介绍面向网络面板的 AI 辅助功能,使其了解您网站发送的请求。

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 辅助:

  1. 在 "网络" 面板中右键点击相应请求,然后选择 "询问 AI" 选项。

    当您以这种方式打开 AI 帮助时,系统会预先选择所选网络请求作为对话的上下文。


    或者,您也可以将鼠标悬停在相应的网络请求上,然后点击旁边出现的浮动按钮。


  2. 从命令菜单中打开 AI 辅助,输入 "AI",然后运行 "显示 AI 辅助" 命令 (旁边带有 Drawer 标记)。


  3. 在页面右上角的设置中选择更多选项 > 更多工具 > AI 辅助



与 AI 助理对话的上下文


您当前在网络面板中选定的网络请求,会关联您与 AI 助理对话的上下文。面板的左下角会显示对此请求的引用。

您可以点击网络面板中的其他请求来更改对话上下文,AI 助理会使用请求网址、标头、时间和请求发起者链来回答您的问题。系统也会自动隐去可能包含敏感信息的标头。


发起对话后,点击 Analyzing network data 条状标签中的展开按钮,即可查看 AI 助理使用的原始数据。

开始对话后,系统会根据您与 AI 之间的过往互动来回答后续问题,并保存对话记录,因此即使重新加载开发者工具或 Chrome,您也可以访问之前的对话。

使用面板左上角的控件来控制对话记录

了解更多 Chrome 开发者工具的实用技巧吗?请持续关注我们的系列文章,以及使用 AI 辅助功能的提示建议,助您快速上手。敬请期待更多精彩内容!




【声明】内容源于网络
0
0
谷歌开发者
谷歌开发
内容 3261
粉丝 0
谷歌开发者 谷歌开发
总阅读12.2k
粉丝0
内容3.3k