Maison > interface Web > js tutoriel > Comment exécuter un script Greasemonkey plusieurs fois sur la même page sans actualiser, en particulier pour le contenu généré dynamiquement dans les résultats de recherche Amazon.com ?

Comment exécuter un script Greasemonkey plusieurs fois sur la même page sans actualiser, en particulier pour le contenu généré dynamiquement dans les résultats de recherche Amazon.com ?

Barbara Streisand
Libérer: 2024-11-15 04:56:02
original
410 Les gens l'ont consulté

How do I execute a Greasemonkey script multiple times on the same page without refreshing, specifically for dynamically generated content on Amazon.com search results?

Exécuter des scripts Greasemonkey plusieurs fois sur la même page

Dans cette enquête, un utilisateur novice cherche des conseils pour exécuter un script Greasemonkey plusieurs fois sur la même page, sans avoir besoin d’actualiser la page. Ils souhaitent insérer des éléments personnalisés dans les résultats de recherche Amazon.com au fur et à mesure qu'ils apparaissent dynamiquement via Ajax.

Solution : tirer parti de l'utilitaire waitForKeyElements()

L'approche la plus efficace pour cela La tâche implique l'utilisation de l'utilitaire waitForKeyElements(), qui surveille les éléments HTML spécifiques qui deviennent disponibles sur la page. Voici un script complet qui montre comment implémenter cette technique avec jQuery et waitForKeyElements() :

// ==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==
/*- The @grant directive is needed to work around a design change
    introduced in GM 1.0.   It restores the sandbox.
*/

function addCustomSearchResult(jNode) {
    //***** YOUR CODE HERE *****
    jNode.prepend("<div>
Copier après la connexion

Dans ce script :

  • L'élément #atfResults est surveillé car il contient le Résultats de recherche Amazon.
  • La fonction addCustomSearchResult insère un div personnalisé avec le contenu souhaité dans chaque résultat de recherche.
  • Le script est chargé dans un navigateur compatible Greasemonkey et configuré pour s'exécuter sur Amazon.com pages de recherche.

Lors de son exécution, le script injectera du contenu personnalisé dans les résultats de recherche à chaque fois qu'ils apparaissent, répondant ainsi à l'exigence d'exécuter le même script plusieurs fois sur la même page sans actualisation.

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!

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