Injecter le script Greasemonkey plusieurs fois sur la même page

Pour les utilisateurs qui découvrent Greasemonkey et JavaScript, une exigence courante se pose lorsqu'un script utilisateur doit être exécuté plusieurs fois sans actualisation de la page. Ce scénario devient essentiel lorsqu'une requête, telle qu'une recherche Amazon, se produit à l'aide d'Ajax sans déclencher un rechargement complet de la page.

Solution : Utilisation de l'utilitaire waitForKeyElements()

Pour Pour répondre efficacement à ce besoin, l'utilitaire waitForKeyElements() offre une solution robuste et simple. Cet utilitaire surveille un élément spécifié et exécute une fonction de rappel chaque fois que le contenu de l'élément change. Vous trouverez ci-dessous un script complet qui exploite jQuery et waitForKeyElements pour modifier les résultats de recherche Amazon :

// @name     _Amazon Search, alter results
// @include  http://www.amazon.com/s/*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_addStyle
// ==/UserScript==

function addCustomSearchResult (jNode) {
    jNode.prepend (
        '<div>

Détails de l'implémentation :

• Utilitaire waitForKeyElements() : Cet utilitaire vérifie la présence d'un élément avec l'ID "atfResults". Une fois trouvé, il exécute la fonction addCustomSearchResult().
• addCustomSearchResult() Fonction : Cette fonction modifie les résultats de recherche Amazon en injectant votre contenu personnalisé. Dans cet exemple, il ajoute un div personnalisé avec le texte « Achetez mes affaires à la place ! » au début de chaque ligne de résultats.

Grâce à cette solution, vous pouvez désormais exécuter votre script Greasemonkey plusieurs fois sur la même page sans actualisation, vous offrant ainsi une plus grande flexibilité et un plus grand contrôle sur les interactions de votre navigateur.