有没有办法查看在Chrome'中实时执行哪些Javascript函数(函数的名称);谁的检查员?

有没有办法查看在Chrome'中实时执行哪些Javascript函数(函数的名称);谁的检查员?,javascript,google-chrome,javascript-events,real-time,Javascript,Google Chrome,Javascript Events,Real Time,例如,假设有Javascript代码在单击按钮时执行someFunction(),我单击该按钮。我想知道是否有什么方法可以看出刚刚执行了someFunction()。有没有办法实时查看Chrome中执行的功能 如果是inspector中的Profiles选项卡完成了这一任务,那么您如何准确地判断哪些函数会实时启动 编辑2012年1月21日12:36p Pacific:根据Brian Nickel在下面的评论,Inspector中的Timeline选项卡可以实时查看发生了什么,但是如何在Timel

例如,假设有Javascript代码在单击按钮时执行
someFunction()
,我单击该按钮。我想知道是否有什么方法可以看出刚刚执行了
someFunction()
。有没有办法实时查看Chrome中执行的功能

如果是inspector中的Profiles选项卡完成了这一任务,那么您如何准确地判断哪些函数会实时启动


编辑2012年1月21日12:36p Pacific:根据Brian Nickel在下面的评论,Inspector中的Timeline选项卡可以实时查看发生了什么,但是如何在Timeline中查看已执行函数的名称呢?

可以使用很多好的实用程序:
console.trace()
调试器
等。

时间线和脚本开发工具可用于实现此目标

  • 打开“开发人员工具”面板,然后按“时间线”下的“记录”开始跟踪活动
  • 触发您感兴趣的事件(例如,在您的示例中,单击按钮),然后停止记录(或继续记录,但要知道您正在收集的数据量)
  • 注意时间线面板中记录的实体。找到相关事件,然后单击该事件计时条左侧的扭转箭头。这将公开与该事件关联的函数调用
  • 单击函数调用右侧的链接以查看相关JavaScript。(您需要函数名,但请记住,事件可能与匿名函数关联,因此并不总是有可用的名称。)
  • 如果要单步执行事件处理程序本身,请在处理程序声明后的行插入断点(假定事件处理程序声明大于一行)。或者,在“脚本”面板中展开事件侦听器断点,并勾选适当的事件类型(如相关事件的“时间线”面板中所列)。请注意,这种方法将在该事件的每个实例上中断,而不是您感兴趣的唯一调用

如果您在使用缩小的JavaScript和插入断点时遇到问题(因为每行都很长),这里有一个提示:通过下拉菜单在脚本面板中打开缩小的脚本文件,然后单击{}。这将启用漂亮的打印,通过添加空白将缩小的代码扩展为可读性更强的代码。这允许您插入更细粒度的断点。请注意,如果您现在返回到时间线面板,脚本引用(例如,
jquery.min.js:3
)现在使用漂亮的打印行号,而不是缩小的、无空格的行号。

实际实时会有些无用,因为它太快了。在要监视的代码上设置断点。我看到时间线中列出了各个函数。我无法设置断点,因为这不是我的代码,我不知道在哪里设置断点。呵呵。这就是我想弄明白的@BrianNickel,你说的是哪个时间线?@BrianNickel,aaaaaaaaaah,Indeed,时间线似乎就是它!我以前没注意到。只需在时间线中选择底部的“脚本”,然后按“录制”按钮,即可查看正在发生的一切@BrianNickel,我在时间线中看到了“函数调用”的示例,但它似乎没有显示被调用函数的名称。。。我错过什么了吗?如果我能看到函数的名称,那就太完美了!我明白了,它会带你进入函数所在的代码行。美好的我知道这对未统一的代码很有效,但是如果你有一到三行中包含所有内容的精简代码,那么你就不走运了,因为一行中可能定义了多个函数。我想这是我们现在最好的了。如果它还添加了一个列计数,而不仅仅是行计数,那将非常方便。例如,
jquery.min.js:3:56
比仅仅
jquery.min.js:3
更好。实际上,解决这个问题有一个技巧。请看我修改后的答案。太好了。我也在想同样的事情,但是周末我离开了我的电脑。这不能提供一种在不修改代码的情况下实时查看调用了哪些函数的方法。