如何在显示页面内容之前运行greasemonkey脚本？

Question

我正在为Firefox编写一个插件并使用greasemonkey脚本来执行此操作（我使用此工具http://arantius.com/misc/greasemonkey/script-compiler编译用户脚本）。

问题是脚本在页面完全加载后运行。 这意味着用户将以原始形式查看已查看的页面，然后脚本将应用我所做的更改。 我的问题是有一种方法可以在向用户显示页面内容之前运行用户脚本，因此用户只能访问网站的最终版本吗？

Answer 1

编辑：这篇文章是在Greasemonkey中实现@run-at键之前创建的 - 正如Blaise所说，来自Greasemonkey 0.9.8你现在可以在页面开始加载后立即执行脚本。

@run-at document-start在wiki中描述如下：

从版本0.9.8开始是新的。 该脚本将在任何文档开始加载之前运行，因此在任何脚本运行或图像加载之前。

请注意，这意味着在创建DOM之前（可能）运行脚本，并可能导致一些不一致/异常行为。 你需要（一点点）不仅仅是这个单线插入。

在Greasemonkey Wiki上还有一些细节： http ： //wiki.greasespot.net/Metadata_Block#.40run-at

附注：我必须提供的信息与浏览器中的Greasemonkey特别相关。 我不确定@run-at document-start适用于脚本编译器 - 我建议生活危险..测试并找出答案！ ]

---

---

目前无法在页面加载之前运行用户脚本。

要使用当前版本的Greasemonkey来停止闪烁，您可以尝试在您的Firefox配置文件中添加用户样式（然后使用该脚本撤消），如Greasemonkey wiki所述，但这也需要您的每个用户都这样做从中受益。

这是长期以来一直需要的东西，并在Greasemonkey的Github网站上查看问题＃1103 ，似乎已经制作了一个工作原型（但是没有时间尺度可以添加到发布版本afaik）。

Answer 2

使用@run-at document-start按照@kwah的回答建议我在我想要操作的内容之前执行的脚本是在文档正文中。 作为一种解决方法，我设置了一个间隔运行我的脚本5次/秒，直到document.readyState == "complete" （或直到20秒过去）。

这适用于我的情况：

// ==UserScript==
// ...
// @run-at      document-start
// ==/UserScript==

var greasemonkeyInterval = setInterval(greasemonkey, 200);
var greasemonkeyStart = (new Date()).getTime();

function greasemonkey() {

    // ...

    // waiting for readyState (or timeout)
    if (
        (new Date()).getTime() - greasemonkeyStart > 20000
        || document.readyState == "complete"
    ) {
        clearInterval(greasemonkeyInterval);
    }

};

如果你更确定内容将在文档准备就绪，我认为这样的事情会更优选：

function greasemonkey() {

    if (
        document.readyState != "interactive"
        && document.readyState != "complete"
    ) {
        return;
    }

    // ...

    clearInterval(greasemonkeyInterval);

}

Answer 3

除了之前的答案，我发现了一个完美无瑕的解决方案，就像之前版本的Firefox和GreaseMonkey一样。 首先，run-at必须设置为最早的时刻，因此文档启动：

// @run-at      document-start

因为DOM可能尚未加载，所以请等待文档获取interactiveState的readyState：

document.onreadystatechange = function () {
    if (document.readyState === "interactive") {
       // Do something
    }
}

虽然Greasemonkey与document-end的实现方式大致相同，但我注意到上面的技术工作得更快。 使用此功能解决了我在Firefox中遇到的所有问题，当DOM更改启动时，页面上有闪烁/跳转屏幕，并按照用户脚本的意图直接加载页面。