Внедрение сценария Greasemonkey несколько раз на одну и ту же страницу

Для пользователей, впервые знакомых с Greasemonkey и JavaScript, возникает общее требование, когда пользовательский скрипт должен выполняться несколько раз без обновления страницы. Этот сценарий становится важным, когда запрос, например поиск на Amazon, выполняется с использованием Ajax без полной перезагрузки страницы.

Решение: использование утилиты waitForKeyElements()

Чтобы Чтобы эффективно решить эту проблему, утилита waitForKeyElements() предлагает надежное и простое решение. Эта утилита отслеживает указанный элемент и выполняет функцию обратного вызова при каждом изменении содержимого элемента. Ниже приведен полный сценарий, который использует jQuery и waitForKeyElements для изменения результатов поиска 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>

Подробности реализации:

• Утилита waitForKeyElements(): Эта утилита проверяет наличие элемента с идентификатор «atfResults». При обнаружении он выполняет функцию addCustomSearchResult().
• Функция addCustomSearchResult(): Эта функция изменяет результаты поиска Amazon, добавляя ваш пользовательский контент. В этом примере он добавляет пользовательский элемент div с текстом «Вместо этого купите мои вещи!» до начала каждой строки результатов.

Используя это решение, вы теперь можете выполнять сценарий Greasemonkey несколько раз на одной и той же странице без обновления, что обеспечивает большую гибкость и контроль над взаимодействием с браузером.