冻结屏幕在chrome调试器/ DevTools面板弹出窗口检查?

我正在使用chrome检查器尝试分析twitter引导弹窗的z-index，并发现这非常令人沮丧……

是否有一种方法来冻结弹窗(而显示)，以便我可以评估和修改相关的CSS?

在相关链接上放置固定的“悬停”不会导致弹出窗口出现。

当前回答

以前我的Chrome冻结功能不工作按f8快捷键，我使用这个走动，去源选项卡，只需点击暂停/播放脚本执行按钮在Chrome开发工具在源选项卡的右面板，我的快捷键得到了修复，并从那时开始工作，真的感谢充分，修复了我的问题

2021-06-17 15:07:26

其他回答

右键单击元素标签中的任意位置选择Breakon……>子树修改触发你想要看到的弹出窗口，如果它在DOM中看到变化，它就会冻结如果你仍然没有看到弹出框，在chrome顶部中心的Resume(F8)旁边点击Step over下一个函数(F10)按钮，直到你冻结你想看到的弹出框。

2015-02-10 17:14:21

更新: 正如Brad Parks在他的评论中所写的，有一个更好更简单的解决方案，只需要一行JS代码:

运行setTimeout(function(){debugger;}，5000);，然后显示你的元素并等待它进入调试器

最初的回答:

我只是遇到了同样的问题，我想我找到了一个“通用”的解决方案。(假设站点使用jQuery)

Go to elements tab in inspector Right click <body> and click "Edit as HTML" Add the following element after <body> then press Ctrl+Enter: <div id="debugFreeze" data-rand="0"></div> Right click this new element, and select "Break on..." -> "Attributes modifications" Now go to Console view and run the following command: setTimeout(function(){$("#debugFreeze").attr("data-rand",Math.random())},5000); Now go back to the browser window and you have 5 seconds to find your element and click/hover/focus/etc it, before the breakpoint will be hit and the browser will "freeze". Now you can inspect your clicked/hovered/focused/etc element in peace.

当然，你可以修改javascript和时间，如果你明白了。

2014-04-16 00:12:37

没有一个解决方案对我有效，只有如下所述: https://developer.chrome.com/docs/devtools/javascript/disable/

对于Linux (Mac使用命令代替控制):

打开开发工具(ctrl + shift + I) 运行命令窗口(ctrl + shift + P) 开始输入javascript并选择禁用javascript

说明截图:

2022-06-16 08:44:29

我发现这在Chrome上运行得非常好。

右键单击要检查的元素，然后单击强制元素状态>悬停。截图。

2015-05-31 20:41:24

我最近遇到了这个问题，按F8解决方案不适合我。下面是我如何冻结悬停元素。

在Chrome中右键单击鼠标悬停的标签，并在元素选项卡中选择它。在右侧窗口中，选择事件侦听器展开鼠标退出事件单击此处显示的删除按钮。现在，如果你将鼠标悬停在元素上，它将触发鼠标悬停事件，但当你的光标离开元素时，它不会触发鼠标退出，因为我们删除了它。