如何通过firebug重新加载脚本

Mar*_*rko 17 javascript debugging firebug

我最近做了很多ajax的东西.我一遍又一遍地重复的情景是:

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

我想要做的是告诉firebug仅重新加载脚本而不是整个页面,因为标记是相同的.无论如何要做到这一点?

Bro*_*ams 7

首先,尽量减少这种测试.在将其折叠到站点/页面之前写入原子,DRY代码和单元测试.您可以在Firebug的控制台中快速完成一些操作.

接下来,如果您正在重新加载的JS设置间隔或事件侦听器,那么您将需要清除这些间隔并在重新加载受测试的JS之前取消绑定这些侦听器.这意味着禁止匿名间隔和事件处理程序.

创建调用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.
Run Code Online (Sandbox Code Playgroud)