如何在控制台日志中输出所有正在运行的jQuery代码?

时间:2017-05-03 13:31:10

标签: jquery debugging console.log

我想调试我的js-script。

这很长,我想知道我的脚本中是否有任何事情发生,因为它很慢。

当我阅读教程时,我可以发现我可以在最后编写的每个函数

console.log('Something is happening');

但是在我非常大的文档准备功能中,可能会有更多我不知道的小执行。我该如何检测它们?有没有办法打印出#34;所有东西"发生这种情况而不是通过所有代码并将console.log放在任何地方?

3 个答案:

答案 0 :(得分:3)

打印console.log()中的所有内容对于成为一名优秀的程序员来说并不是一个好习惯,它会使任务很难找到代码中的真正错误。 而是使用像Firebug这样的前端调试工具,或者也可以使用Firefox Developer Edition。 您可以轻松地将调试点放在jQuery脚本中,观察变量等。

答案 1 :(得分:1)

不要在任何地方使用console.log,而是使用适当的调试器并附加断点。这将允许您单步执行JavaScript以查看到底发生了什么。

这篇文章Pause Your Code With Breakpoints告诉您如何在Chrome中设置它们。

答案 2 :(得分:1)

console.log可以包含在您的javascript中的任何位置。每个console.log消息都会在日志中生成一个新行。 这将是一项很多工作,你基本上不希望在每一行代码后都包含一条日志消息。

首先,您将开始在每个函数的开头和结尾添加控制台日志,您自己编写。 你也可以在一个函数中更大的代码块(例如你的主函数)上执行此操作

消息内容应该类似于“开始”和“结束”。

如果您调用jquery函数或包含插件,请检查它们是否提供“之前”和“之后”或“开始”和“结束”回调函数。然后在那里包含你的console.log。可以肯定的是,书面文字是独一无二的,所以你找到了自己的漏洞。

通过它,您将能够看到执行函数的顺序。 你也应该能够看到一个函数是否开始但是永远不会结束 - >这将是您想要开始获取更详细日志的那个。 当然,你应该能够看到是否有多次被调用。