提交断点 - Chrome 开发者工具 [重复]

Question

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

Answer 1

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

在开发工具中，转到Sources 选项卡，然后查看右侧列中的可展开/可折叠子窗格。展开名为Event Listener Breakpoints 的那个。下面是可扩展的复选框选择，允许您勾选您希望收听的任何事件。一旦你检查了其中任何一个，Chrome 就会在该类型的事件发生时立即中断 JS 代码。

您特别想要Control 组下的submit 事件。展开Control，并勾选submit，如下图所示（Control 上的框是自动添加的，表示它下面的部分但不是全部项目被勾选）。然后，Chrome 的开发工具应在任何提交事件发生时立即触发动态断点。

有趣的事实：当我单击按钮发布此答案时，我仍然选中了 submit，并且 Chrome 遇到了断点 :)。