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

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更改为其他数字5 * 1000 = 5000来调整这 5 秒）网站将冻结.

现在做你想做的事情！