javascript - 我可以以某种方式将当前正在运行的 javascript 函数记录到 Chrome 开发者控制台吗？

Question

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

Answer 1

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

如果您想调试特定事件侦听器发生时发生的情况（例如在拖放脚本上），您可以通过右键单击页面元素，选择 Inspect Element，然后在元素选项卡，滚动到底部并查看附加到该元素的事件侦听器。单击特定侦听器将显示该侦听器的脚本源，您可以在该点添加断点。（请注意，编译后的脚本会使这变得难以理解）

在调查页面（我自己的页面或第三方页面）的问题时，一个技巧是在我怀疑在按钮按下等时触发的脚本上大量设置断点。然后我在打开开发人员工具的情况下操作页面，以便断点会导致遇到断点时停止调试。

如果是您自己的代码，其他技巧是使用console.log语句将活动记录到控制台，或者debugger（类似于软件断点）。当然，老式的alert对话框生成语句也仍然有用。

Answer 2

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

Answer 3

你有没有尝试过 ：

  console.log(yourObject) 

yourObject 是可拖动元素在哪里？

在新的 chrome 控制台中，有深入的对象浏览，也许你可以在你的对象原型中找到你想要的。