【问题标题】:javascript break on first linejavascript在第一行中断
【发布时间】:2015-11-30 05:02:51
【问题描述】:

我目前正在使用 Firebug 调试 Web 应用程序。

通常,当我们调试应用程序时,我们必须遵循以下步骤:

  1. 在调试器的代码视图窗格中查找相关代码。
  2. 在我们认为可能发生有趣事情的地方设置断点。
  3. 在浏览器中重新加载页面或单击由 JavaScript 控制的按钮(或其他组件)。

我的问题:有没有办法告诉调试器在要执行的下一个 JavaScript 行上中断?

换句话说:我加载我的页面,我在调试器中设置了一个选项,我点击了一个按钮(由 JavaScript 控制),我的调试器将在执行的行中断(捕获按钮的那个)点击)。

通常,在具有多个脚本的应用程序中,很难找到有趣的地方。

提前致谢

【问题讨论】:

  • 不知道 Firebug,但 Chrome 开发者工具可以做到这一点(有点):developers.google.com/web/tools/chrome-devtools/debug/… ("Break before JavaScript event listener is fire")。
  • 谢谢,在 chrome 中,我可以在“鼠标”>“点击”事件上添加“事件侦听器断点”。当我点击一个按钮时,有没有办法打破?因为通过添加“点击”侦听器,它会在任何点击时中断。
  • “因为通过添加“点击”监听器,它会在任何点击时中断。” 仅当有事件处理程序时。如果您单击一个元素并且没有设置事件处理程序,则不会发生任何事情。
  • 不,我可以单击页面上的任何位置,它会中断。只有当我单击特定按钮(或另一个组件)时,我才想要:)

标签: javascript debugging breakpoints


【解决方案1】:

调试器无法按您希望的那样工作。在 Chrome 开发工具中,通用断点只是所有相应元素上的通用所有规则! 要调试某个 Button 中的单击,您需要找到专门处理按钮上的单击事件的侦听器。找到侦听器脚本并添加断点并在那里工作。

【讨论】:

  • 感谢您的响应。我很惊讶如果不手动在侦听器上添加断点,就不可能在单击按钮时中断。
  • 我完全理解。我相信你会很快适应开发工具的工作方式。祝你好运。
  • @Kjnokeer,有一种可能,您必须切换到“源”选项卡,然后找到“事件侦听器断点”并单击“鼠标”->“单击”。不客气。
猜你喜欢
  • 1970-01-01
  • 2011-01-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-04-21
  • 2012-01-26
  • 1970-01-01
  • 2013-12-09
相关资源
最近更新 更多