Trop de bookmarklets ? Utilise les snippets Chrome !

Au quotidien, j'utilise énormément les bookmarklets : vérification de balises meta, affichage du robots.txt, accès à la Google Search Console d'une page, etc.

Le hic, c'est que j'en ai tellement, que je dois maintenant cliquer sur les deux petites flèches à droite pour en afficher certains.

Il y a quelques semaines, heureux hasard, j'ai découvert une toute nouvelle façon de sauvegarder des petits bouts de code JS dans Google Chrome : les snippets.

Les snippets Google Chrome, c'est quoi ?

En fait, ce sont des scripts JavaScript qu'on peut sauvegarder dans la console des Chrome DevTools pour pouvoir les réutiliser plus tard.

Autrement dit, au lieu de retaper à chaque fois le le même code JS en console, on peut l'enregistrer pour le faire tourner chaque fois qu'on en a besoin.

Plus besoin de passer obligatoirement par la case bookmarklets !

Comment créer un snippet ?

Pour créer un snippet, c'est simple :

1. ouvre la console avec ⌥ ⌘ C (Mac) ou CTRL ⇧ C (Windows)
2. clique sur l'onglet "Sources"
3. clique sur les 2 petites flèches de droite, puis sur "Snippets"
4. clique sur "New Snippet"
5. ajoute ton bout de code JS
6. enregistre-le avec ⌘ S (Mac) ou CTRL S (Windows)
7. donne-lui un nom

Comment lancer un snippet ?

Pour exécuter le snippet, trois possibilités :

• soit en faisant un clic droit dessus, puis en cliquant sur "Run"
• soit en le sélectionnant et en cliquant sur la petite flèche en bas à droite
• soit en lançant un raccourci :
  • ouvrir le menu de commande avec ⌘ O (Mac) ou CTRL O (Windows)
  • puis taper ! suivi du nom du snippet

Je te conseille ce site si tu souhaites avoir des exemples d'utilisation : ajout de jQuery dans la page, affichage des cookies, inspection des headers, etc.

Et voilà, tu as maintenant sous la main une alternative sympa aux bookmarklets !