Greasemonkey スクリプトを同じページに複数回挿入する

Greasemonkey と JavaScript を初めて使用するユーザーの場合、ユーザー スクリプトで次のことを行う必要があるという共通の要件が発生します。ページを更新せずに複数回実行される場合があります。このシナリオは、Amazon 検索などのリクエストが、ページ全体のリロードをトリガーせずに Ajax を使用して発生する場合に不可欠になります。

解決策: waitForKeyElements() ユーティリティを使用する

Toこのニーズに効果的に対処するには、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() ユーティリティ: このユーティリティは、要素の存在をチェックします。 ID「atfResults」。見つかった場合、addCustomSearchResult() 関数が実行されます。
• addCustomSearchResult() 関数: この関数は、カスタム コンテンツを挿入することで Amazon の検索結果を変更します。この例では、「代わりに私のものを買ってください!」というテキストを含むカスタム div を追加します。

このソリューションを使用すると、Greasemonkey スクリプトを更新せずに同じページで複数回実行できるようになり、ブラウザの操作をより柔軟に制御できるようになります。