在控制台和來源中生成程式碼

在「控制台」和「來源」面板中使用 Gemini 生成程式碼。

從 Chrome 147 開始，這項功能適用於網頁的所有文字資源。程式碼生成優先使用的語言是 JavaScript。

「控制台」和「來源」面板中的程式碼生成功能。

可用性

如要在開發人員工具中使用任何可用的 AI 功能，請確認您符合下列條件：

  • 年滿 18 歲，且位於支援地區。
  • 使用最新版 Chrome。
  • 使用 Google 帳戶登入 Chrome。
  • 在開發人員工具中，依序選取「設定」 >「偏好設定」 >「外觀」 >「語言」，然後選取「英文 (美國)」。
  • 已在開發人員工具中啟用 設定 >「AI 創新」 。

啟用程式碼生成功能

如要啟用程式碼生成功能，請依序前往「開發人員工具」 >「設定」 >「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 鍵則可拒絕生成的程式碼區塊。

    接受或拒絕生成的程式碼區塊。

另請參閱