如何删除Chrome Dev Tools中的匿名debugger断点

解决方案 #

你可以按以下优先级尝试操作：

• 最快的解决方式是重置Chrome DevTools配置：打开DevTools后点击右上角齿轮图标进入设置页，找到「Restore defaults and reload」按钮点击确认，DevTools会清除所有自定义配置、临时断点、手动添加的监听器规则，刷新页面后debugger断点就不会再触发。
• 如果你不想重置所有调试配置，可针对性清理：
  1. 触发一次debugger断点停留后，在当前打开的VMxxxx动态脚本标签上右键，选择「Remove script」直接删除这个携带断点的临时脚本
  2. 切换到DevTools的「Sources」面板，展开左侧「Event Listener Breakpoints」分类，取消所有鼠标点击、DOM元素关联的勾选断点
  3. 依次检查「Sources」面板左侧的「DOM Breakpoints」「Global Listeners」「XHR/fetch Breakpoints」分类，删除所有自定义的断点规则
• 临时屏蔽方案：点击「Sources」面板顶部的「Deactivate breakpoints」按钮（带斜杠的停止图标），可以直接禁用所有断点，不会影响正常的元素选择、页面检查操作。

内容的提问来源于stack exchange，提问作者Marcin Zareba