提交断点 - Chrome开发人员工具

use*_*042 18 html debugging google-chrome google-chrome-devtools

有什么办法可以在chrome开发者工具上设置一个断点,以便在我点击提交按钮时暂停屏幕?准确地说如何打破提交动作?

ajp*_*243 41

我发布了一个非常相似的答案,详细说明了如何在Google Chrome开发工具中启用特定事件监听器断点.

在开发工具中,转到Sources选项卡,然后在右侧列中查看可展开/可折叠子窗格.展开一个名为的Event Listener Breakpoints.这里有可扩展的复选框选项,允许您勾选您想要侦听的任何事件.一旦你检查了它们中的任何一个,一旦发生这种类型的事件,Chrome就会破解JS代码.

您特别希望submitControl组下的活动.展开Control并勾选submit,如下图所示(Control自动添加框以指示其下的某些项目,但不是所有项目都已勾选).然后Chrome的开发工具应该在提交事件发生时立即点击动态断点.

Chrome开发工具提交事件断点

有趣的事实:submit当我点击按钮发布此答案时,我仍然打勾,而Chrome点击了一个断点:).

  • @ user3127042非常欢迎你.如果它解决了您的问题,请确保[将答案标记为已接受](https://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work),以便其他人可以看到它被标记为已解决,可以从解决方案中受益. (3认同)