javascript - 在客户端调试 Javascript

Question

我是一个 JS 菜鸟，希望成为一个 JS 怪物，这意味着大量的调试。

我正在使用 Chrome 调试器工具。在我面前，有一大堆意大利面条式的 JS 代码，看起来就像需要破译的达芬奇代码。我需要对此进行调试并了解正在发生的事情。本质上，我想找出 .js 文件中的哪个函数在特定事件上被调用。为此，我设置了“事件监听器断点”来记录任何鼠标单击事件。当我点击相关按钮时，我得到的是:

正如您所看到的，调试器确实停止了即将在这轮事件中执行的相应 jQuery 函数上的脚本。不幸的是，这对于所有基于 jQuery 的函数来说都是非常通用的，并且没有多大帮助。我真正感兴趣的是我的 JS 文件中触发 jQuery 函数的函数，而不是 jQuery 库中调用的函数。

插图:

$('#myButton').live('click', function(){
$('#popUpMenu').close();
});

这是调试浏览器事件的正确方法吗？如果这还不够清楚，请让我详细说明。

Answer 1

您可以从美化 JavaScript 代码开始: