ホームページ >ウェブフロントエンド >jsチュートリアル >特に Amazon.com の検索結果で動的に生成されたコンテンツに対して、Greasemonkey スクリプトを更新せずに同じページで複数回実行するにはどうすればよいですか?

特に Amazon.com の検索結果で動的に生成されたコンテンツに対して、Greasemonkey スクリプトを更新せずに同じページで複数回実行するにはどうすればよいですか?

Barbara Streisand
Barbara Streisandオリジナル
2024-11-15 04:56:02401ブラウズ

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?

同じページで Greasemonkey スクリプトを複数回実行する

この問い合わせでは、初心者ユーザーが Greasemonkey スクリプトを同じページで複数回実行する方法についてのガイダンスを求めています。ページを更新する必要がなく、同じページにアクセスできます。 Ajax 経由で動的に表示される Amazon.com の検索結果にカスタム要素を挿入したいと考えています。

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

これに対する最も効果的なアプローチこのタスクには、ページ上で使用可能になる特定の HTML 要素を監視する waitForKeyElements() ユーティリティの利用が含まれます。 jQuery と 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>

このスクリプト内:

  • #atfResults 要素は、 Amazon の検索結果。
  • addCustomSearchResult 関数は、目的のコンテンツを含むカスタム div を各検索結果に挿入します。
  • スクリプトは Greasemonkey 対応ブラウザにロードされ、Amazon.com で実行されるように設定されます。

実行すると、スクリプトは検索結果が表示されるたびにカスタム コンテンツを挿入し、更新せずに同じページで同じスクリプトを複数回実行するという要件を満たします。

以上が特に Amazon.com の検索結果で動的に生成されたコンテンツに対して、Greasemonkey スクリプトを更新せずに同じページで複数回実行するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。