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

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

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


当前回答

要能够检查任何元素,请执行以下操作。这应该工作,即使很难复制悬停状态:

Run the following javascript in the console. This will break into the debugger in 5 seconds. setTimeout(function(){debugger;}, 5000) Go show your element (by hovering or however) and wait until Chrome breaks into the Debugger. Now click on the Elements tab in the Chrome Inspector, and you can look for your element there. You may also be able to click on the Find Element icon (looks like a magnifying glass) and Chrome will let you go and inspect and find your element on the page by right clicking on it, then choosing Inspect Element

请注意,这种方法与本页上的另一个很棒的答案略有不同。

其他回答

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

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

要能够检查任何元素,请执行以下操作。这应该工作,即使很难复制悬停状态:

Run the following javascript in the console. This will break into the debugger in 5 seconds. setTimeout(function(){debugger;}, 5000) Go show your element (by hovering or however) and wait until Chrome breaks into the Debugger. Now click on the Elements tab in the Chrome Inspector, and you can look for your element there. You may also be able to click on the Find Element icon (looks like a magnifying glass) and Chrome will let you go and inspect and find your element on the page by right clicking on it, then choosing Inspect Element

请注意,这种方法与本页上的另一个很棒的答案略有不同。

我试过其他的解,它们都有效,但我很懒,所以这就是我的解

将鼠标悬停在元素上以触发展开状态 ctrl + shift + c 再次悬停在元素上 右击 导航到调试器

通过右键点击它不再注册鼠标事件,因为一个上下文菜单弹出,所以你可以安全地移动鼠标

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

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

希望这能有所帮助。

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