如何隐藏Chrome"在调试器中暂停"叠加?

eri*_*law 23 debugging user-interface google-chrome google-chrome-devtools

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

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

或者有没有办法将Chrome恢复为没有此功能的版本?

Ist*_*ros 21

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

它非常适用setTimeout(function(){debugger;}, 5000);于检查仅在悬停时可见的元素.

  • 要进一步说明,请转到"设置"(F1),"首选项"选项卡(第一个),它是"外观"(左上角)下的第一个选项.(在Chrome 60和Opera 46中测试过). (8认同)

hop*_*per 6

我也遇到了同样的问题,我发现如果切换到“元素”选项卡并启用元素检查器(带有放大镜图标的右下角的按钮),则覆盖层将被隐藏。如您所料,当再次禁用元素检查器时,会返回“在调试器中暂停”消息,因此我通常在逐步调试器时仅使检查器保持启用状态。

它可能不直观,但至少可以起作用。如果还有其他选择,我很想听听他们的声音!