javascript - Javascript“TypeError: elem.dispatchEvent is not a function”错误的调试策略

Question

在 Mac OSX 上的 Firefox 24 上使用 jQuery 2.0.3 和filedrop HTML5 上传脚本时，我在 Firebug 中遇到此错误。

问题是 Firebug 报告了一个看似不正确的错误行号——它总是报告我的 HTML 标记的第 54 行，不管那行是什么——我试过改变它。它从不报告实际上是 javascript 的行号。

当 Firebug 被禁用时，脚本似乎可以正常工作。

所以鉴于这个行号没有帮助，我可以使用什么策略来找到这个错误的根源？我唯一能想到的就是console.log()在我的代码中的每个语句之前和之后添加行。有没有更好的方法，或者有没有办法找出这是否是某种观察者效应？

我试过的：

• 搜索错误，结果大多表明这是与另一个库的 jQuery 冲突，但我只使用 jQuery 并且无论如何都尝试了修复。
• 尝试在代码中的语句中添加日志行，但没有任何用处，但添加了更多。
• 相关：“element.dispatchEvent 不是函数” FF3.0 的萤火虫中捕获的 js 错误

Answer 1

这是 Firebug 版本 1.12.8 之前的错误，报告为issue 5939。

该问题可以通过两种方式解决：

1. 安装最新版本的 Firebug
   Firebug 2.0切换到新的 Firefox 调试器 API，它修复了旧 API 的许多错误。

2. 禁用脚本面板
   如果您出于某种原因不能或不想安装较新版本的 Firebug，您可以暂时禁用脚本面板，然后重现您的错误。然后应该报告正确的行号。