如何隐藏 Chrome“在调试器中暂停”覆盖？

Posted 2023-03-06

【中文标题】如何隐藏 Chrome“在调试器中暂停”覆盖？

【英文标题】：How to hide Chrome "paused in debugger" overlay?

【发布时间】：2012-11-08 20:26:15

【问题描述】：

Chrome 的一些半近期更新现在在我的网页上放置一个覆盖，当在断点处暂停时。我现在特别想查看我的页面标记的状态，而叠加层正是隐藏了我想看到的内容！

有没有办法关闭这个标记？

或者有没有办法将 Chrome 恢复到没有此错误功能的版本？

【参考方案1】：

我遇到了同样的问题，我发现如果我切换到“元素”选项卡并启用元素检查器（右下角带有放大镜图标的按钮），那么覆盖就会隐藏。如您所料，当您再次禁用元素检查器时，“在调试器中暂停”消息会返回，因此我通常只是在单步调试器时让检查器保持启用状态。

它可能不直观，但至少它有效。如果还有其他选择，我很想听听！

【参考方案2】：

现在 Inspector 的设置中有一个选项，只需取消选中 Disable paused state overlay：转到设置 (F1)，首选项选项卡（第一个），它是外观下的最后一个选项（左上角）。

setTimeout(function()debugger;, 5000); 技巧非常适用于检查仅在悬停时可见的元素。

【讨论】：

为了进一步澄清，您转到设置 (F1)、首选项选项卡（第一个），它是外观下的第一个选项（左上角）。 （在 Chrome 60 和 Opera 46 中测试）。

会很好，如果还有办法看到你实际上处于暂停模式......

也许在同一个开发者工具窗口@devman

感谢您的提示！为了让调试器暂停，您还可以打开开发面板和Sources 选项卡，然后随时按F8。

【参考方案3】：

如果您在 Chrome 90.0+ 上看到“Paused in Debugger”弹出窗口，请确保在 Preferences -> Appearance in Chrome Dev Tool 下启用此设置以禁用弹出窗口。