Greasemonkey-Skript mehrmals auf derselben Seite einfügen

Für Benutzer, die neu bei Greasemonkey und JavaScript sind, ergibt sich eine häufige Anforderung, wo ein Benutzerskript benötigt wird mehrmals ohne Seitenaktualisierung ausgeführt werden. Dieses Szenario wird wichtig, wenn eine Anfrage, wie z. B. eine Amazon-Suche, mit Ajax erfolgt, ohne dass ein vollständiges Neuladen der Seite ausgelöst wird.

Lösung: Verwenden des Dienstprogramms waitForKeyElements()

To Um diesen Bedarf effektiv zu decken, bietet das Dienstprogramm waitForKeyElements() eine robuste und einfache Lösung. Dieses Dienstprogramm überwacht ein angegebenes Element und führt eine Rückruffunktion aus, wenn sich der Inhalt des Elements ändert. Nachfolgend finden Sie ein vollständiges Skript, das jQuery und waitForKeyElements nutzt, um Amazon-Suchergebnisse zu ändern:

// @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>

Implementierungsdetails:

• waitForKeyElements() Dienstprogramm: Dieses Dienstprogramm prüft, ob ein Element vorhanden ist die ID „atfResults.“ Wenn es gefunden wird, führt es die Funktion addCustomSearchResult() aus.
• addCustomSearchResult() Funktion: Diese Funktion ändert die Amazon-Suchergebnisse durch Einfügen Ihres benutzerdefinierten Inhalts. In diesem Beispiel wird ein benutzerdefiniertes Div mit dem Text „Kaufe stattdessen meine Sachen!“ hinzugefügt. am Anfang jeder Ergebniszeile.

Mit dieser Lösung können Sie Ihr Greasemonkey-Skript jetzt mehrmals auf derselben Seite ohne Aktualisierung ausführen, was Ihnen mehr Flexibilität und Kontrolle über Ihre Browserinteraktionen bietet.