Faites profiter Greasemonkey de la puissance de jQuery

Si vous lisez mon blog assez régulièrement, vous devez savoir ce que sont Greasemonkey et jQuery.

Si vous ne connaissez pas ces deux outils formidables, lisez d’abord ces deux articles :

* Greasemonkey…
* jQuery, une bibliothèque JavaScript simple et efficace

Je me suis posé la question récemment : Pourquoi ne pas faire profiter Greasemonkey de la puissance de jQuery et de ses selecteurs très intuitifs (CSS et XPath) ?

Apparement, je ne suis pas le seul à m’être posé cette question. On trouve un peu de littérature sur le Web à ce sujet. J’ai retenu deux solutions, avec leurs avantages et leurs inconvénients ?

La première consiste à ajouter l’appel à jQuery directement dans l’entête du document HTML :

var GM_JQ = document.createElement('script');
GM_JQ.src = 'http://jquery.com/src/jquery-latest.js';
GM_JQ.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(GM_JQ);
/* votre script ici */

Je n’aime pas trop cette méthode car elle fait appel au script directement sur le site jquery.com. Par respect pour l’auteur (John Resig), il vaut mieux éviter de recourir à ce stratagème qui augmente considérablement (si beaucoup de gens l’utilisent) le trafic (et donc les coûts) sur le serveur sur lequel se trouve le site officiel de jQuery.

L’autre solution est d’inclure entièrement jQuery dans chacun de vos scripts Greasemonkey. Préférez bien entendu la version compressée qui ne fait que 19Ko, c’est pas bien méchant…

eval(function(p,a,c,k,e,d){e=function(c){return...
/* votre script ici */

Sources d’inspiration :

* How to play nicely with jQuery and Greasemonkey
* jQuery and GreaseMonkey

Maintenant, la meilleure solution d’après moi serait d’inclure jQuery directement dans l’extension Greasemonkey. Ca n’a pas encore l’air d’exister et je ne pense pas que ce soit super compliqué à faire. J’essaierai peut-être quand j’aurai le temps, c’est-à-dire pas tout de suite…