可靠和优质的 jQuery 调试器答案

【问题标题】：Reliable and quality jQuery debugger可靠和优质的 jQuery 调试器
【发布时间】：2016-02-21 16:05:44
【问题描述】：

我已经尝试使用 Firebug for Firefox 来调试我的 jQuery 代码，但是这个工具在我的 Firefox 上失败了。然后我在 Chrome 中尝试了内置的 DevTools 调试器，它在我的 Chrome 上也无法正常工作——它没有显示项目包含的所有 jQuery 文件，只显示其中的一些文件。是否有任何其他工具可用于 jQuery 调试？我需要实时查看 jQuery 文件并检查它们的功能。

【问题讨论】：

Chrome DevTools IMO 没有明确支持 jQuery（或任何 JavaScript 库）。 Firebug 支持通过其Events side panel 检查 jQuery 事件，但是 Firebug “在 Firefox 上失败”是什么意思？
这意味着它在我的计算机上无法正常工作。当我使用 Firebug 时，它会阻止 Firefox 浏览器窗口。我只能在关闭或卸载 firebug 时使用 Firefox。
所以你的意思是它会挂起浏览器，所以它不再对点击或输入做出反应？然后确保您安装了latest version of Firebug。如果它仍然是一个问题并且你有一个可重现的测试用例，你应该为它create a bug report（如果有not already one）。
Chrome 现在支持任何库事件侦听器（默认情况下包括 jQuery），可以像现在的 FireFox 一样处理。允许您返回到 true 侦听器处理程序而不是框架管理器。但是，主要问题仍然含糊不清。您在寻找什么确切功能？

标签： jquery debugging google-chrome-devtools firebug

【解决方案1】：

Firefox DevTools 允许您检查 jQuery 事件并在事件处理程序上设置断点：

要查看这些事件处理程序，您需要单击 HTML 元素旁边的“ev”图标。然后，当您单击工具提示左侧的暂停图标（由竖线“||”指示）时，您将切换到 Debugger 面板，您可以在其中设置相关的断点功能。

更多信息请访问Mozilla Developer Network (MDN) website。

【讨论】：