首頁 >web前端 >js教程 >如何在同一頁面上多次執行 Greasemonkey 腳本而不刷新,特別是對於 Amazon.com 搜尋結果上動態產生的內容?

如何在同一頁面上多次執行 Greasemonkey 腳本而不刷新,特別是對於 Amazon.com 搜尋結果上動態產生的內容?

Barbara Streisand
Barbara Streisand原創
2024-11-15 04:56:02404瀏覽

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() 實用程式

最有效的方法任務涉及利用waitForKeyElements() 實用程序,該實用程式監視頁面上可用的特定HTML元素。以下是一個完整的腳本,示範如何使用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 上執行

執行後,腳本會在搜尋結果出現時將自訂內容注入到在搜尋結果中,滿足在同一頁面上多次執行相同腳本而無需刷新的要求。

以上是如何在同一頁面上多次執行 Greasemonkey 腳本而不刷新,特別是對於 Amazon.com 搜尋結果上動態產生的內容?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn