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

Posted 2023-02-22

【中文标题】提交断点 - Chrome 开发者工具 [重复]

【英文标题】：breakpoint on submit - Chrome developer tool [duplicate]

【发布时间】：2014-02-07 16:54:13

【问题描述】：

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

【问题讨论】：

谷歌。请参考***.com/questions/10050465/…

感谢 Vinayak Pingale

【参考方案1】：

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

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

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

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

【讨论】：

非常感谢 ajp15243

@user3127042 不客气。如果它解决了您的问题，请确保mark an answer as accepted，以便其他人可以看到它被标记为已解决并可以从解决方案中受益。