如何在谷歌浏览器中一步删除所有断点？

Posted 2023-03-07

【中文标题】如何在谷歌浏览器中一步删除所有断点？

【英文标题】：How to remove all breakpoints in one step in Google Chrome?

【发布时间】：2011-06-21 15:47:28

【问题描述】：

使用版本 11。

[更新]

现在有一个feature request。

[更新]

feature request 已关闭（2011 年 12 月）！

【问题讨论】：

没有Deactivate all breakpoints 按钮，就像在 Chrome 9 中一样？

@Krik：版本 11 是测试版。他们有一个夜间构建。 @Matt：当我经常刷新页面时，断点会重新激活。

我正在查看 Chrome 版本 51，您需要转到 Source > Debug 窗格（其中监视、调用堆栈、断点...）。右键单击断点窗格（您需要有一些断点才能看到该选项），您会发现“删除所有断点”。

请社区帮忙投票bugs.chromium.org 这个问题的简单解决方案...即使在今天（2019 年）没有简单的解决方案。

【参考方案1】：

在我的情况下，卸载和重新安装 Chrome 没有任何成功。

window.localStorage.clear() 也没有帮助。

我的“最后机会解决方案”是删除 Chrome 存储其数据的整个目录。 首先关闭您的 Chrome。 然后查看此路径“c:\Users\ your_user \AppData\Local\Google\Chrome\User Data\Default\Local Storage\”。这里尝试删除该目录下的所有内容。

【参考方案2】：

新标签； Ctrl+Shift+J 到控制台；访问网址

打开 Chrome 任务管理器并结束标签页。

Ctrl+Shift+J 到应用程序 -> Service Worker（离线）-> 刷新

到源取消断点

成功

【参考方案3】：

每次我尝试访问Sources 面板时，Chrome Devtools 都会崩溃，因为缩小的 javascript 文件上有断点。

要在不访问界面的情况下删除所有断点，可以执行以下操作：

打开inspector-on-inspector：取消停靠第一个inspector并点击ctrl+shift+i打开第二个

在inspector-on-inspector 控制台上，执行以下命令：

window.localStorage.breakpoints = [];

关闭检查器并重新加载页面。现在断点已经消失了。

【讨论】：

我在控制台 window.localStorage.breakpoints = []; 上运行，什么都没有......

这是从字面上解决问题的唯一答案。您是如何发现这种方法的？

【参考方案4】：

这现在可以在 Chrome 开发者工具的 Sources 标签中实现。 请查看下面的屏幕截图，然后在左侧窗口的“断点”部分中单击鼠标右键。

【讨论】：

也适用于 Chrome 版本 70

【参考方案5】：

另一种选择是停用所有断点：

Ctrl + F8

【讨论】：

这只是禁用它们:(

【参考方案6】：

在 Sources 下，您可以单击下图中标有红色的按钮，或使用快捷键 Ctrl + F8，就像工具提示显示的那样（激活/停用断点）。在“断点”下稍低一点，您将看到所有断点。如果您选择全部禁用，它们将灰显。

【讨论】：

但不删除只停用

这似乎是目前唯一的解决方法？看起来他们从右键菜单中删除了它。

取消这种必要功能的充分理由是什么？

【参考方案7】：

解决方案here。

清除所有断点在检查器上打开检查器（首先取消停靠 检查员并按 ctrl-shift-I 打开第二个）并运行 “WebInspector.settings.domBreakpoints.set([])”在第二个检查员的 控制台。

【讨论】：

这对我不起作用。我得到Uncaught ReferenceError: WebInspector is not defined

【参考方案8】：

从最近（Chrome 18）开始，您可以右键单击“断点”窗格中的任何断点，瞧！ “删除所有 JavaScript 断点”弹出菜单项！

【讨论】：

最近 Chrome 发生了很多事情，很难看到发生了什么，显然我在 Chrome 27 上，我无法使用上述方法禁用所有断点。这些选项对我来说是缺失的。它挂起我的整个浏览器，我需要回到 Firefox/firebug。想法？

也许我只是粗心，但我觉得这里的截图有点骗人——右键菜单通常出现在光标的右下角，所以看起来你是对的——单击源代码，但实际上您必须右键单击“断点”窗格（正如您的答案文本所承认的那样，但只有在您注意到图像中的“断点”窗格或已经知道时才清楚这意味着什么它存在）。我认为下面 thirumalaa srinivas 答案的截图更好；也许您应该捏一下并使用它而不是您的？

@Mike 也许您在错误的地方单击鼠标右键 - 虽然这个答案是正确的，但屏幕截图有点欺骗性，并且已经误导了我和至少其他一位对此问题的评论者。请参阅我上面的评论。这适用于我在 Chrome 31 中，并且根据它在 Chrome 18 中的答案，所以如果它在 Chrome 27 中不起作用，我会感到惊讶。

更糟糕的是，当您拥有 Split panels vertically when docked to right 并且您停靠在右侧时，Breakpoints 窗格低于 Sources 窗格，而不是靠近上下文更多。就像用一个“the”阅读“他去了\nthe store”一样，我只是认为他的意思是带断点的行号窗格是“断点窗格”。 Guess JS coder == 阅读理解失败。 ;^) 谢谢，评论者。对编辑图片有用吗？

这个答案现在已经过时了，他们在版本 55.0.2883.87 m 的右键上下文菜单中不再有这些选项