Si vous exécutez plusieurs fois le même code dans la Console, envisagez plutôt de l'enregistrer sous forme d'extrait. Les extraits ont accès au contexte JavaScript de la page. Ils constituent une alternative aux favoris.
Vous pouvez créer des extraits dans le panneau Sources et les exécuter sur n'importe quelle page en mode navigation privée.
Par exemple, la capture d'écran ci-dessous montre la page d'accueil de la documentation des outils de développement à gauche, ainsi que des extraits de code source dans le volet Sources > Extraits à droite.
Voici l'extrait de code source qui enregistre certains messages et remplace le corps HTML de la page d'accueil par un élément <p> contenant le message:
console.log('Hello, Snippets!');
document.body.innerHTML = '';
const p = document.createElement('p');
p.textContent = 'Hello, Snippets!';
document.body.appendChild(p);
Lorsque vous cliquez sur le bouton Exécuter 
, le panneau Console s'ouvre et affiche le message Hello, Snippets! enregistré par l'extrait ainsi que le contenu de la page.
Ouvrir le volet "Extraits"
Vos extraits sont répertoriés dans le volet Extraits. Pour modifier un extrait, ouvrez-le de l'une des deux manières suivantes:
Accédez à Sources >
> Extraits.
Dans le menu Command:
- Appuyez sur les touches Ctrl+Maj+P (Windows/Linux) ou Cmd+Maj+P (Mac) pour ouvrir le menu Commande.
- Commencez à saisir
Snippets, sélectionnez Afficher les extraits, puis appuyez sur Entrée.
Le volet Sources>Extraits affiche la liste des extraits que vous avez enregistrés (vide dans cet exemple).
Créer des extraits
Vous pouvez créer des extraits dans le volet Extraits ou en exécutant la commande correspondante depuis le menu "Commandes", n'importe où dans les outils de développement.
Le volet Extraits trie vos extraits par ordre alphabétique.
Créer un extrait dans le panneau "Sources"
- Ouvrez le volet Extraits.
- Cliquez sur
Nouvel extrait. Attribuez un nom à votre extrait, puis appuyez sur Entrée pour l'enregistrer.
Créer un extrait à partir du menu de commandes
- Placez le curseur n'importe où dans les outils de développement.
- Appuyez sur les touches Ctrl+Maj+P (Windows/Linux) ou Cmd+Maj+P (Mac) pour ouvrir le menu Commande.
Commencez à saisir
Snippet, sélectionnez Create new snippet (Créer un extrait), puis appuyez sur Entrée pour exécuter la commande.
Si vous souhaitez donner un nom personnalisé au nouvel extrait, consultez Renommer les extraits.
Modifier les extraits
- Ouvrez le volet Extraits.
Dans le volet Extraits, cliquez sur le nom de l'extrait à modifier. Le panneau Sources l'ouvre dans l'éditeur de code.
Utilisez l'éditeur de code pour modifier le code dans votre extrait. La présence d'un astérisque à côté du nom de l'extrait signifie que vous n'avez pas encore enregistré vos modifications.
Appuyez sur les touches Ctrl+S (Windows/Linux) ou Cmd+S (Mac) pour enregistrer les modifications.
Exécuter des extraits
Comme pour la création d'un extrait de code, vous pouvez l'exécuter dans le volet Extraits et le menu de commandes.
Exécuter un extrait dans le panneau "Sources"
- Ouvrez le volet Extraits.
- Cliquez sur le nom de l'extrait de code à exécuter. Le panneau Sources l'ouvre dans l'éditeur de code.
Cliquez sur
Exécuter dans la barre d'action en bas de l'éditeur, ou appuyez sur Ctrl+Entrée (Windows/Linux) ou Commande+Entrée (Mac).
Exécuter un extrait de code à partir du menu de commandes
- Placez le curseur n'importe où dans les outils de développement.
- Appuyez sur Ctrl+O (Windows/Linux) ou Cmd+O (Mac) pour ouvrir le menu de commandes.
Saisissez le caractère
!suivi du nom de l'extrait de code que vous souhaitez exécuter.
Appuyez sur Entrée pour exécuter l'extrait de code.
Renommer les extraits
- Ouvrez le volet Extraits.
- Effectuez un clic droit sur le nom de l'extrait, puis sélectionnez Renommer.
Supprimer les extraits
- Ouvrez le volet Extraits.
- Effectuez un clic droit sur le nom de l'extrait, puis sélectionnez Supprimer.