Si vous exécutez souvent 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 et 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 sur la gauche et un extrait de code source dans le volet Sources > Extraits à droite.
Voici l'extrait de code source qui enregistre un message 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'affiche pour afficher le message Hello, Snippets! consigné par l'extrait et le contenu de la page modifié.
Ouvrir le volet "Extraits"
Le volet Extraits affiche la liste de vos extraits. Pour modifier un extrait, ouvrez-le de l'une des deux manières suivantes:
Accédez à Sources >
> Extraits.
Dans le menu Commande:
- 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. Il est 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 dans le menu de commande des 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 "Commande"
- Placez le curseur 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é à votre nouvel extrait, consultez l'article Renommer les extraits.
Modifier les extraits
- Ouvrez le volet Extraits.
Dans le volet Extraits, cliquez sur le nom de l'extrait que vous souhaitez modifier. Le panneau Sources (Sources) l'ouvre dans l'éditeur de code.
Utilisez l'éditeur de code pour modifier le code de votre extrait. Un astérisque à côté du nom de l'extrait signifie que vous n'avez pas encore enregistré vos modifications.
Appuyez sur Ctrl+S (Windows/Linux) ou Cmd+S (Mac) pour enregistrer.
Exécuter les extraits
Comme pour la création d'un extrait, vous pouvez l'exécuter à la fois dans le volet Extraits et dans le menu Commandes.
Exécuter un extrait dans le panneau "Sources"
- Ouvrez le volet Extraits.
- Cliquez sur le nom de l'extrait à exécuter. Le panneau Sources (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 à partir du menu "Commande"
- Placez le curseur dans les outils de développement.
- Appuyez sur les touches Ctrl+O (Windows/Linux) ou Cmd+O (Mac) pour ouvrir le menu Commande.
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.
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.