Question

我目前有以下的greasemonkey脚本：

// ==UserScript==
// @name        test_script
// @namespace   my.example.com
// @include     http://example.com/*
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
// @version     1
// @grant       none
// ==/UserScript==

(function(window, undefined) {

        // normalized window
        var w;
        if (unsafeWindow != "undefined"){
                w = unsafeWindow
        } else {
                w = window;
        }

        // You can inject almost any javascript library here.
        // Just pass the w as the window reference,
        // e.g. jquery.min.js embedding:
        // (function(a,b){function ci(a) ... a.jQuery=a.$=d})(w);

        // do not run in frames
        if (w.self != w.top){
                return;
        }
        // additional url check.
        // Google Chrome do not treat @match as intended sometimes.
        if (/http:\/\/example.com\//.test(w.location.href)){
                var link = $('span.link').text();
                if (link) {
                    location.replace(link);
                }
        }
})(window);

在我打开example.com页面后，它会在此处查找网址并重定向我。它运行良好，但只有在加载所有图像，样式表等时才会进行重定向。我该怎么解决这个问题？ Looks like它应该发生在之前。

Answer 1

您显示的代码，将在加载图片之前触发，但不一定在CSS之前。 来自Mozilla's DOMContentLoaded doc （和v erified in Gecko, Webkit and IE）：

样式表加载块脚本执行，因此如果在<script>之后有<link rel="stylesheet" ...>，页面将无法完成解析 - 并且 DOMContentLoaded将不会触发 - 直到加载样式表。 /强>

显然，如果CSS和/或图像很小或缓存，它们也可能在脚本触发之前加载。

您可能能够使用@run-at document-start解决此问题。例如，请参阅this answer和类似内容。

如何更改脚本只加载页面内容没有图像等？

1 个答案: