在控制台和“来源”中生成代码

使用 Gemini 在“控制台”和“来源”面板中生成代码。

从 Chrome 147 开始，此功能适用于网页的所有基于文本的资源。代码生成功能的优先语言是 JavaScript。

控制台和“来源”面板中的代码生成功能。

可用性

如需使用开发者工具中的任何可用 AI 功能，请确保您：

  • 年满 18 周岁，且位于受支持的地点之一。
  • 使用的是最新版 Chrome。
  • 已使用 Google 账号登录 Chrome。
  • 已在开发者工具的中选择英语（美国）：依次点击 设置 > 偏好设置 > 外观 > 语言。
  • 已在开发者工具中启用 Settings > AI 创新 。

启用代码生成功能

如需专门启用代码生成功能，请前往 DevTools > 设置 > AI 创新 ，然后开启代码建议 。

“设置”中的代码建议功能开关 - AI 创新功能。

如需直接从控制台 或来源 面板启用代码生成功能，请执行以下操作：

  1. 在编辑源文件或在控制台中输入内容时，在 Mac 上按Command + i，或按Control + i。在此快捷方式中，i 为小写。

    使用快捷键在“来源”和“控制台”中启用代码建议。

  2. 仔细阅读对话框中的注意事项 ，然后点击知道了 。

    “注意事项”对话框窗口。

生成代码

如需在控制台 或来源 面板中生成代码，请执行以下操作：

  1. 在代码注释中，输入提示，例如：// Loop to check all img elements for valid alt attributes。

    JavaScript 注释中的代码生成提示。

  2. 如需开始生成，请在 Mac 上按 Command + i，或按 Control + i。在此快捷方式中，i 为小写。

  3. 等待代码生成完成。这可能需要几秒钟。

  4. 按 Tab 或 Enter 接受生成的代码块，或按 Esc 拒绝。

    接受或拒绝生成的代码块。

另请参阅