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

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

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

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

可用性

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

  • 年满 18 周岁，且位于受支持的地区。
  • 使用的是最新版 Chrome。
  • 已使用 Google 账号登录 Chrome。
  • 在开发者工具的中选择英语（美国）：依次点击设置 > 偏好设置 > 外观 > 语言。
  • 已在开发者工具中启用 设置 > 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 键拒绝。

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

另请参阅