让我的用户脚本等待其他脚本加载

Question

[编辑：我用一个简单的例子来代替原来的、令人困惑的问题。]

背景

我正在尝试编写一个将在 Chrome 中运行的用户脚本。此脚本需要调用用户脚本之外的 JavaScript 函数 AlertMe() - 此函数是页面的一部分，包含在服务器端动态生成的变量，因此无法重新编写我的用户脚本中的函数。

代码

页面上的脚本 (visit the page)：

<script type="text/javascript">
    function AlertMe()
    {
        alert("Function AlertMe was called!");
        // then do stuff with strings that were dynamically generated
        // on the server so that I can't easily rewrite this into the userscript
    }
</script>

我的用户脚本（install it in Chrome）：

function tryAlert()
{
    if (typeof AlertMe == "undefined") {
        console.log('AlertMe is undefined.');
        window.setTimeout(tryAlert, 100);
    }
    else {
        AlertMe();
    }
}

tryAlert();

问题

当我尝试简单地调用该函数时，Chrome 的控制台让我知道 AlertMe is not defined。认为这是因为我的用户脚本在所有其他脚本加载之前运行，我使用setTimeout 等待AlertMe 函数被定义。

不幸的是，如果您安装脚本然后访问该页面，您会看到这只会永远输出AlertMe is undefined. 而不会调用该函数。如果你在 Chrome 的控制台中输入typeof AlertMe，它会正确响应"function"，那为什么我的用户脚本总是认为AlertMe 未定义？

Answer 1

您总是可以编写一个小函数来检查该函数是否已加载

function waitForFnc(){
  if(typeof absearch == "undefined"){
    window.setTimeout(waitForFnc,50);
  }
  else{
    runMyFunction();
  }
}

function runMyFunction(){
    var urlParams = window.location.search.substring(1).split('&'),
        username = "",
        hscEmailInput = document.getElementById('userfield6'),
        i = 0;
    if (urlParams !== "") {
        for (i = 0; i < urlParams.length; i++) {
            if (urlParams[i].substr(0,4) === "USER") {
                username = urlParams[i].replace('USER=', '');
                hscEmailInput.value = username + '@example.com';
                absearch('&PAGESIZE=1');
            }
        }
    }
}

waitForFnc();

Answer 2

这不是时间问题。

您遇到了 Greasemonkey 的安全限制，这会阻止您在页面中执行功能。请参阅我对上一个问题的回答以获得解释和一些安全的解决方法：

UserScripts & Greasemonkey: calling a website's JavaScript functions

Answer 3

如果问题确实是您的脚本运行得太早，也许检查并等待 DOM 准备好是解决方案：Relying on DOM readiness to invoke a function (instead of window.onload)

编辑

This answer on SO 也可能被证明是有用的。