Générer du code dans la console et les sources

Utilisez Gemini pour générer du code dans les panneaux Console et Sources.

À partir de Chrome 147, cette fonctionnalité est disponible pour toutes les ressources textuelles d'une page Web. La langue prioritaire pour la génération de code est JavaScript.

Fonction de génération de code dans les panneaux "Console" et "Sources".

Disponibilité

Pour utiliser l'une des fonctionnalités d'IA disponibles dans les outils de développement, assurez-vous de remplir les conditions suivantes :

  • Vous avez au moins 18 ans et vous vous trouvez dans l'une des régions prises en charge.
  • Vous utilisez la dernière version de Chrome.
  • Vous êtes connecté à Chrome avec votre compte Google.
  • Vous avez sélectionné Anglais (États-Unis) dans les Settings > Preferences > Appearance > Language (Paramètres > Préférences > Apparence > Langue) des outils de développement.
  • Vous avez activé les Settings > AI Innovations dans les outils de développement.

Activer la génération de code

Pour activer la génération de code, accédez à DevTools > Settings > AI innovations (Outils de développement > Paramètres > Innovations de l'IA), puis activez Code suggestions (Suggestions de code).

Bouton d'activation/désactivation de la fonctionnalité de suggestion de code dans les paramètres > Innovations de l'IA.

Pour activer la génération de code directement depuis le panneau Console ou Sources :

  1. Lorsque vous modifiez des fichiers sources ou que vous saisissez du texte dans la Console, appuyez sur Command + i sur Mac ou sur Control + i. Dans ce raccourci, i est en minuscules.

    Activer les suggestions de code dans "Sources" et la console à l'aide d'un raccourci.

  2. Lisez les Points à prendre en compte dans la boîte de dialogue, puis cliquez sur OK.

    Boîte de dialogue "Éléments à prendre en compte".

Générer du code

Pour générer du code dans le panneau Console ou Sources :

  1. Dans un commentaire de code, saisissez votre prompt, par exemple : // Loop to check all img elements for valid alt attributes.

    Requête de génération de code dans un commentaire JavaScript.

  2. Pour lancer la génération, appuyez sur Command + i sur Mac ou sur Control + i. Dans ce raccourci, i est en minuscules.

  3. Attendez la fin de la génération de code. Cela peut prendre quelques secondes.

  4. Appuyez sur Tab ou Enter pour accepter le bloc de code généré, ou sur Esc pour le refuser.

    Accepter ou refuser un bloc de code généré

Voir aussi