通过记录函数调用和参数进行实时javascript调试[重复]

Question

这个问题在这里已有答案：

• 我可以覆盖Javascript Function对象来记录所有函数调用吗？ 6个答案

是否有调试系统允许我记录javascript函数调用及其参数？ 这将允许我在实时/客户端情况下跟踪和调试应用程序，而不会因手动记录而导致性能下降。

编辑：我不是在谈论使用“控制台”窗口手动调用函数并查看结果，或者手动将“trace”或“log”命令添加到我的javascript中。 我需要它来处理任何正在运行的JavaScript。

Answer 1

你能覆盖Function.prototype.call并检索参数和arguments.callee吗？

这会产生报告所有功能的效果，因此非常冗长，但也许你想要过滤。

然后你就可以使用if（console）console.log来报告你想要的报告方式

Answer 2

你可以看看http://ajax.dynatrace.com/ajax/en/ - 它只是IE浏览器，但非常好看，请参阅j的这篇文章。 Resig： http ：//ejohn.org/blog/deep-tracing-of-internet-explorer/>“..dynaTrace提供了一些我以前从未见过的信息 - 在任何浏览器上的任何工具中。”

Answer 3

我发现了fireflow： https ： //addons.mozilla.org/en-us/firefox/addon/fireflow/非常有帮助。

Answer 4

@Jenko如果你正在寻找类似于IDE调试器的东西，那么Internet Explorer 8和9有一个内置的开发者工具（按F12），Chrome也有开发人员工具。 IE和Chrome都允许您在代码中设置断点并在其运行时逐步执行。 Firefox有Firebug，其他人已经提到过，它也允许设置断点并检查代码的执行情况。 Opera有Dragonfly（内置），并且具有与其他浏览器相同的功能。

Answer 5

当我正在阅读答案并嘲笑“你可以使用Firebug！”的重复答案时。 我意识到......你可以使用Firebug。

说真的，它有一个“配置文件”命令，完全符合你的要求。 Safari和Chrome具有此功能，因此您也可以在那里办理登机手续。 IE8 / 9有一个类似的“探查器”工具（但我不知道它是否可以通过console.profile（）从JavaScript调用）

这将为您提供准确的时间，因为您添加的任何代码和日志记录也会影响实际性能。 由于此功能位于顶级浏览器中，因此您可以获得合理数量的数据。

Answer 6

如果你在谈论浏览器端的javascript dedub，你可以使用Firebug，这是一个很好的工具。

http://getfirebug.com/

在这里，您可以找到分步教程：

http://www.digitalmediaminute.com/screencast/firebug-js/

Answer 7

是。 所有主流浏览器都内置了调试器（IE，Chrome，Safari），或作为附件提供（Firebug for Firefox）。

Answer 8

萤火虫对此有好处。 或者您也可以使用Google Chrome的内置调试器。

Answer 9

对于Firefox Firebug for IE deeloper工具用于chrome内置调试器很好用

Answer 10

可以说最好的在线Javascript代码质量控制是JSLint。 它不仅检查代码是否存在错误，而且完全改进了程序的编码风格。这就是作者首先提出的原因。 我的0,02 $

http://www.jslint.com/