如何隐藏Chrome“在调试器中暂停”叠加？

Question

Chrome的一些半即时更新现在会在断点处暂停时在我的网页上放置一个叠加层。我特意试图在此时查看我的页面标记状态，并且叠加层正好隐藏了我想要看到的内容！

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

或者有没有办法将Chrome恢复为没有这种错误功能的版本？

Answer 1

现在Inspector的设置中有一个选项，只需取消选中Disable paused state overlay。

使用setTimeout(function(){debugger;}, 5000);技巧可以检查仅在悬停时可见的元素。

Answer 2

我遇到了同样的问题，我发现如果我切换到“元素”选项卡并启用元素检查器（右下角的按钮带有放大镜图标），则隐藏叠加层。正如您所料，当您再次禁用元素检查器时，会出现“在调试器中暂停”消息，因此我通常只是在我通过调试器时启用检查器。

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

Answer 3

如果您在 Chrome 90.0+ 上看到“Paused in Debugger”弹出窗口，请确保在“首选项”->“Chrome 开发工具中的外观”下启用此设置以禁用弹出窗口。