在同一頁上多次注入Greasemonkey 腳本

對於Greasemonkey 和JavaScript 的新用戶來說，一個常見的要求是用戶腳本需要可以多次執行，無需刷新頁面。當使用 Ajax 發生請求（例如 Amazon 搜尋）而不觸發完整頁面重新載入時，這種情況就變得至關重要。

解決方案：利用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「atfResultsID 」。找到後，它會執行 addCustomSearchResult() 函數。
• addCustomSearchResult() 函數： 此函式透過注入您的自訂內容來修改亞馬遜搜尋結果。在此範例中，它新增了一個自訂div，其中包含文字「改為購買我的東西！」

使用此解決方案，您現在可以在同一頁上多次執行Greasemonkey腳本而無需刷新，從而為您提供更大的靈活性和對瀏覽器互動的控制。