Maison > interface Web > js tutoriel > Comment puis-je exécuter un script Greasemonkey plusieurs fois sur la même page sans actualiser ?

Comment puis-je exécuter un script Greasemonkey plusieurs fois sur la même page sans actualiser ?

Mary-Kate Olsen
Libérer: 2024-11-16 05:03:03
original
511 Les gens l'ont consulté

How Can I Run a Greasemonkey Script Multiple Times on the Same Page Without Refreshing?

Comment exécuter un script Greasemonkey plusieurs fois sur la même page

En tant que novice en Greasemonkey et JavaScript, vous pouvez rencontrer des difficultés lors de l'exécution un script sur la même page plusieurs fois sans actualisation de la page. Par exemple, vous souhaiterez peut-être intégrer un élément personnalisé dans les résultats de recherche d'Amazon même après la recherche initiale.

Pour résoudre ce problème, envisagez d'utiliser l'utilitaire waitForKeyElements(), qui est une approche fiable et simple.

Voici un script complet qui utilise jQuery et waitForKeyElements pour améliorer les résultats de recherche Amazon :

// ==UserScript==
// @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) {
    //***** YOUR CODE HERE *****
    jNode.prepend (
        '<div>
Copier après la connexion

Dans ce script, waitForKeyElements() surveille en permanence l'élément "#atfResults" à ajouter à la page. Une fois cet élément affiché, le script exécute la fonction addCustomSearchResult(), qui ajoute votre contenu personnalisé. Cette approche garantit que l'élément personnalisé est injecté dans les résultats de recherche chaque fois qu'un utilisateur effectue une recherche sur la même page Amazon.

En utilisant waitForKeyElements(), vous pouvez exécuter votre script Greasemonkey plusieurs fois sans recharger la page, offrant une expérience transparente aux utilisateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal