2015-06-11 15 views
0

我有一个按钮通过Ajax回发。我试图找出点击按钮时执行的代码。我使用Visual Event(下面的屏幕截图)来查看事件是如何绑定的,但信息对我来说并不足够。然后我在Chrome中点击鼠标设置事件监听器断点。主要jQuery文件中的断点命中代码也没有帮助。所以我把这个文件黑盒子。现在当我点击按钮时,没有发生断点。找不到按钮点击事件如何得到连线

什么是系统的方式来找到执行的用户代码?我还在整个应用中搜索“直播”和“点击”作为文字。这是费时的,并没有找到按钮的点击事件附加在哪里。做这样的搜索是很痛苦的。我想知道使用Chrome的调试器或其他工具的生产技术。 (另一种浏览器的提示是OK)

enter image description here

回答

1

您是否尝试过在Chrome探查?

  1. 推出的Chrome的DevTools(F12
  2. 转到档案面板
  3. 确保收集的JavaScript CPU档案选择
  4. 点击开始
  5. 执行你的操作
  6. 请点击停止

然后你应该看到一个被调用函数的列表。

0

有几种可能的方式来做到这一点。一个是由用户的意见来描述的。另一种方法是使用DevTools的调试器。

  1. 打开Chrome DevTools(F12
  2. 切换到来源面板
  3. 点击暂停按钮(Pause script execution button)或打F8
  4. 执行您的操作

=>脚本执行将停止在jQuery中的事件处理函数的第一行。然后您可以逐步执行您的实际事件处理功能。

注意,在Firebug这个作品要容易得多,因为它的Events side panel已经显示包裹的听众,即由一个jQuery事件侦听器调用的功能:如果这是不是通过步进不同

Wrapped event listeners within Firebug's *Events* side panel

+0

直到我到达用户的代码为止,这可能是有益的,我将在下次尝试。我期待着当我使用黑箱jQuery时,它会跳过所有的jQuery代码,并且断点会碰到用户的代码。那没有发生。 –

+0

如果是这样,那么我认为它是DevTools中的一个错误,您应该报告。 –