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

Question

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

Answer 1

我发布了一个very similar answer，详细说明了如何在Google Chrome开发工具中启用特定的事件监听器断点。

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

您特别希望submit组下的Control活动。展开Control，然后勾选submit，如下图所示（Control上的框会自动添加，以表明其下的某些项目（但不是全部）已勾选） 。然后Chrome的开发工具应该在提交事件发生时立即点击动态断点。

有趣的事实：当我点击按钮发布此答案时，我仍然勾选了submit，Chrome点击了一个断点:)。