我可以以某种方式记录当前运行的javascript函数到Chrome开发人员控制台吗？

Question

我有非常复杂的页面，需要修复很多javascript。它涉及很多函数，我需要找出一个特定的函数，它在拖动Raphael JS对象时触发。我无法弄清楚是哪一个。 是否有可能将“现在”的任何运行记录到控制台？ 我知道，输出会很混乱，但我有机会看到，发生了什么，我用鼠标抓住了这个对象。

Answer 1

如果JavaScript正在那个精确的时刻执行，按下Developer Tools的Sources选项卡中的Pause图标将停止脚本并显示调用堆栈。

如果要调试特定事件侦听器发生时会发生什么（例如在拖放脚本上），您可以通过右键单击页面元素，选择Inspect Element，然后在右侧来执行此操作。 “元素”选项卡的列，滚动到底部并查看附加到该元素的事件侦听器。单击特定侦听器将显示该侦听器的脚本源，并且您可以在该点添加断点。 （注意编译的脚本会让人难以理解）

当调查页面的问题时，无论是我自己的页面还是第三方页面，一个技巧就是在脚本上自由地使用断点，我怀疑在按下按钮时按下等等。然后我在打开开发人员工具的情况下操作页面，以便断点将导致调试在命中断点时停止。

如果您自己的代码使用console.log语句将日志记录活动用于控制台，或debugger（类似于软件断点），则可以使用其他技巧。当然，生成语句的旧学校alert对话框也仍然有用。

Answer 2

我可能错了，但您应该手动使用console.log（）写入浏览器控制台。

Answer 3

你试过了吗？

  console.log(yourObject) 

你的对象是可拖动元素吗？

在新的Chrome控制台中，有深入的对象浏览，也许你可以在对象prototyppe中找到你想要的东西。