如何暂停网页上运行的所有内容？

Question

我在浏览器中运行了一段JavaScript代码，我想暂停它以查看控制台中的值。

我有很多日志正在运行，因此我需要通过运行脚本来查看某些特定点。

我正在运行chrome，是否有按钮或快捷键来执行此操作？

Answer 1

每当您想要添加断点时，请在调试控制台（Chrome中的F12）中输入以下内容：

debugger;

适用于大多数浏览器。

Answer 2

您必须使用开发人员工具。如果使用调试器，则可以放置断点并暂停异常。您可以查看变量值，对象结构和更多信息。

也许此链接对您有用：https://developer.chrome.com/devtools/docs/javascript-debugging

祝你好运

PD：请注意，firefox的开发人员工具比chrome开发人员工具更好，更完整，但实质上是出于同样的目的。

Answer 3

F12带来了开发人员工具。在那里，转到Sources并选择源脚本。您可以更改某些行以包含调试指令，即

debugger

会暂停处理并让你摆弄。

只需在开发者工具的源视图中点击该行的号码，就可以在一条想要暂停的行上签名。

Answer 4

这就是你要找的东西。

https://developer.chrome.com/devtools/docs/javascript-debugging

您可以暂停脚本并将鼠标悬停在脚本中以查看该点的变量值。享受。

Answer 5

1. 打开开发者工具 (Ctrl + Shift + I)
2. 转到 Console 标签
3. 将其粘贴到控制台：

setInterval(() => { debugger; }, 5000)

现在使页面在 5 秒后处于您想要的状态（打开抽屉、打开画廊菜单等...）（您可以通过将 5000 更改为其他数字 {{ 1}}) 网站将冻结。

现在做你想做的事情！