如何调试函数的执行(在javascript中)?

时间:2016-11-23 18:19:53

标签: javascript

关于这个问题开了很多主题,但我有“不同的问题”,所以开了一个新主题。需要 Firefox (和 Chrome )的解决方案:

当我点击example.com上的内容时,如何查看执行的功能。例如:

XYZfunc(12,"carla bruno", "Monday");
$.post(data, "example.com")

很快,看看浏览器当时做的一切。

P.S。在Firebug,我找不到。此外,我不需要这样的传统警报,我无法看到传递了什么参数

enter image description here

2 个答案:

答案 0 :(得分:1)

对于Chrome,右键单击并点击“检查”..

“源”选项卡将为您提供源文件的视图,您可以在那里设置断点并查看函数在执行期间的行为

The sources tab would give you a view of your source files, you set break points there and see how they behave during execution

当您决定单步执行代码并进入和退出功能时,您可以使用顶部的图标

You use the icons on top when you decide to step through your code and go in and out of functions

答案 1 :(得分:1)

在Firefox中,如果您的快捷方式未被修改,您可以点击此组合键以获取开发人员的调色板:Ctrl + Shift + S

调色板启动后,您可以使用调试器来跟踪您所追求的内容。

如果您不知道点击触发了什么功能,可以右键单击网页上的元素,然后从上下文菜单中选择“检查元素”。这会将您带到“html标记”,然后您将进行反向工程以获取正在调用的函数。虽然大多数情况下,函数调用非常明显,并且不需要太多的逆向工程......所以一旦你知道调用了什么函数....

返回开发人员的调色板Debugger。找到你想要的功能并在其上设置断点。一旦触发该功能,代码执行将在断点处停止,然后您可以单步执行代码。