Question

我是Greasemonkey，javascript的新手，实际上是所有UI的东西。

要求：用户脚本在页面加载后由GS运行一次。但是，我需要在没有刷新的情况下多次运行相同的脚本

使用案例：例如，使用Ajax进行Amazon.com搜索。我需要在搜索结果中嵌入自定义元素。

每次在同一页面中进行搜索时，我都需要将我的内容注入search-results-div以及结果（没有页面刷新）

我的当前脚本仅在页面刷新时运行。

我希望上面的解释清楚。请帮忙。

Answer 1

最简单，最强大的方法是使用the waitForKeyElements() utility。

以下是 完整脚本 ，它使用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 id="result_000" class="fstRow">Buy my stuff, instead!</div>'
    );
}

waitForKeyElements ("#atfResults", addCustomSearchResult);

Answer 2

您可以使用DOMNodeInserted事件来呼叫您的回叫，例如：

document.addEventListener('DOMNodeInserted', function() { alert('hi') }, false);

请注意，该事件将由网页结构中的任何更改触发，因此您必须检查是否定位了正确的更改。

多次在同一页面上运行Greasemonkey脚本？

2 个答案: