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

【问题标题】：Run Greasemonkey script on the same page, multiple times?在同一页面上多次运行 Greasemonkey 脚本？
【发布时间】：2012-06-27 01:57:44
【问题描述】：

我对 Greasemonkey、javascript，实际上是所有 UI 的东西都是全新的。

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

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

每次在同一页面中发生搜索时，我都需要将我的内容连同结果一起注入到 search-results-div 中（没有页面刷新）

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

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

【问题讨论】：

标签： javascript ajax greasemonkey tampermonkey

【解决方案1】：

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

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

请注意，页面结构的任何更改都会触发该事件，因此您必须检查您的目标更改是否正确。

【讨论】：

非常感谢，我去看看。是否可以跟踪与搜索按钮相关的“点击”事件？
Mutation 事件已被弃用，存在漏洞，并且在实践中不易于使用。 ...您可以跟踪点击事件，但实际页面更改将在此之后发生一些随机间隔（最多几秒）。
https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Mutation_events 已弃用，不应使用。请改用https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver。

【解决方案2】：

最简单、最可靠的方法是使用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);

【讨论】：

非常感谢！！！！！！虽然我有一些编程经验，但这个 UI 脚本让我有些不安（烦人）。您的代码完全按照我想要的方式执行。我会定制它以满足进一步的要求。再次非常感谢。
我正在尝试使用它，但它并没有给我任何有用的东西。它在我需要时触发，但“jNode”中的值只是“object”类型。它似乎不是节点或元素或任何东西。要求 jNode.innerHTML 产生“未定义”。 jNode.parent 生成的函数文本看起来像是 waitForKeyElements 脚本的内部函数。
@SeanWorle，jNode 是jQuery object。例如，您可以使用jNode.html()。
@BrockAdams 啊，这很有帮助。令人沮丧的是“typeof”运算符不会告诉我 - 它只将类型报告为“object”。
我用过，但我不明白为什么，函数为空。当然@require标签在我的页面顶部