更新せずに同じページで Greasemonkey スクリプトを複数回実行するにはどうすればよいですか?

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

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

解決策: 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>
<p><strong>実装の詳細:</strong></p>
<ul>
<li>
<strong>waitForKeyElements() ユーティリティ:</strong> このユーティリティは、ID「atfResults」を持つ要素の存在をチェックします。見つかった場合、addCustomSearchResult() 関数が実行されます。</li>
<li>
<strong>addCustomSearchResult() 関数:</strong> この関数は、カスタム コンテンツを挿入することによって Amazon の検索結果を変更します。この例では、「代わりに私のものを買ってください!」というテキストを含むカスタム div を追加します。 </li>
</ul>
<p>このソリューションを使用すると、Greasemonkey スクリプトを更新せずに同じページで複数回実行できるようになり、ブラウザの操作をより柔軟に制御できるようになります。 </p>
</div>

以上が更新せずに同じページで Greasemonkey スクリプトを複数回実行するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。