Comment écrire un userscript avec l'IA

Qu'est-ce qu'un userscript

Un userscript est un petit programme JavaScript qui s'exécute sur les sites de votre choix, une fois la page chargée. Il peut ajouter un bouton, masquer un panneau, remettre en forme un tableau, remplir un formulaire ou exporter des données. Les userscripts existent depuis plus de vingt ans, exécutés par des gestionnaires comme Greasemonkey, Violentmonkey et Tampermonkey. Ce qui est nouveau, c'est que vous n'avez plus à les écrire vous-même.

Comment se compose un userscript

Tout userscript commence par un en-tête, un bloc de commentaires qui indique au gestionnaire ce qu'est le script et où l'exécuter :

// ==UserScript==
// @name         Copy title as Markdown
// @match        https://example.com/*
// @grant        none
// ==/UserScript==

• @name est le libellé que vous verrez dans le gestionnaire.
• @match indique sur quelles pages le script s'exécute. L'étoile correspond à n'importe quoi, donc la ligne ci-dessus désigne toutes les pages d'example.com.
• @grant liste les capacités spéciales dont le script a besoin auprès du gestionnaire, comme stocker des valeurs ou envoyer des requêtes à d'autres sites. none signifie qu'il n'en a besoin d'aucune.

Sous l'en-tête vient du JavaScript ordinaire qui agit sur la page : trouver le titre principal, créer un bouton et copier du texte quand on clique dessus.

La méthode manuelle : un assistant de chat et un gestionnaire

La façon courante d'obtenir un userscript écrit par l'IA :

1. Installez un gestionnaire de userscripts, comme Tampermonkey, depuis le Chrome Web Store.
2. Demandez à ChatGPT, Claude ou Gemini un userscript qui fait ce que vous voulez sur le site.
3. Créez un nouveau script dans le gestionnaire, collez le code et enregistrez.
4. Rechargez le site et voyez si cela fonctionne.

Pour des scripts simples, c'est souvent le cas. Les ennuis commencent à l'étape 4. L'assistant n'a jamais vu la page. Il doit deviner comment le titre, la liste ou le bouton dont vous parlez s'appellent dans le code de la page, et les sites modernes utilisent des noms générés que personne ne pourrait deviner. Le script s'exécute, ne trouve rien et ne fait rien, sans aucune erreur visible. Vous copiez alors des morceaux du code de la page dans le chat, expliquez ce qui n'a pas marché, collez la nouvelle version et réessayez. Plusieurs allers-retours sont normaux.

Chrome demande aussi désormais une étape de plus. Depuis ses changements concernant les extensions, les gestionnaires de userscripts doivent avoir Autoriser les scripts utilisateur (Allow user scripts) activé dans chrome://extensions, sous les Détails de l'extension, avant que les scripts s'exécutent.

Rendez-le permanent avec un outil

La solution est de laisser l'IA voir la page. ScriptPanda est une extension Chrome qui écrit des userscripts à partir d'une simple description pendant que vous êtes sur la page. Quand vous envoyez une demande, il transmet vos mots, l'adresse de la page et un aperçu allégé de sa structure, ni une capture d'écran ni la page entière, pour trouver le vrai titre, la vraie liste ou le vrai bouton. Il écrit ensuite le script, l'installe sur la page et l'exécute, pour que vous voyiez tout de suite s'il fait ce que vous avez demandé.

Collez la demande à la fin de ce guide sur n'importe quelle page d'article et vous aurez un bouton Copier le titre à côté du titre. Si quelque chose ne va pas, dites ce qui cloche et ScriptPanda modifie le script. Si vous connaissez JavaScript, vous pouvez ouvrir le code de n'importe quel outil dans son éditeur et le modifier vous-même.

ScriptPanda nécessite Chrome 138 ou plus récent et, comme les autres gestionnaires, Autoriser les scripts utilisateur activé pour lui.

Limites

Un userscript s'exécute dans la page, dans votre navigateur, tant que la page est ouverte. Il ne peut pas tourner en arrière-plan, selon un horaire ni quand Chrome est fermé, et il travaille sur un site à la fois. ScriptPanda crée un outil par page et n'importe ni n'exécute de scripts Tampermonkey existants, il ne remplace donc pas le gestionnaire des scripts que vous avez déjà. Si le site change sa mise en page, un script peut ne plus trouver ce dont il a besoin. Ouvrez ScriptPanda sur la page, dites ce qui ne marche plus et demandez-lui de corriger l'outil.