javascript - 如何通过 Firebug 仅重新加载脚本

Question

我最近在做很多 ajax 的事情。我一遍又一遍地重复的场景是:

1. 加载页面
2. 更改该页面的一些脚本
3. 使用 ctrl+f5 重新加载页面，看看它是否有效

我想做的是告诉 Firebug 只重新加载脚本而不是整个页面，因为标记是相同的。无论如何要这样做？

Answer 1

首先，尽量减少这种测试。写原子，DRY code ，并在将其折叠到站点/页面之前进行单元测试。您可以在 Firebug 的控制台中快速执行其中的一些操作。

接下来，如果您要重新加载的 JS 设置了间隔或事件监听器，那么您需要在重新加载被测 JS 之前清除这些间隔并取消绑定(bind)这些监听器。这意味着禁止使用匿名间隔和事件处理程序。

创建一个 JS 文件，根据需要调用 clearInterval()、removeEventListener() 和 .unbind()。

然后你可以在 Firebug 的控制台中运行这样的代码:

function addJS_Node (text, s_URL)
{
    var scriptNode                      = document.createElement ('script');
    scriptNode.type                     = "text/javascript";

    if (text)  scriptNode.textContent   = text;
    if (s_URL) scriptNode.src           = s_URL;

    document.head.appendChild (scriptNode);
}

addJS_Node (null, 'Path_to_JS/ResetTimersAndEvents.js');

addJS_Node (null, 'Path_to_JS/JS_Under_Test.js');
// etc.