小编典典

在chrome调试器/ DevTools面板中冻结屏幕以进行弹出检查?

css

我正在使用Chrome检查器尝试分析z-indexTwitter Bootstrap弹出窗口的,发现它非常令人沮丧…

有没有一种方法可以冻结弹出窗口(如图所示),以便我可以评估和修改关联的CSS?

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


阅读 957

收藏
2020-05-16

共1个答案

小编典典

得到它的工作。 这是我的程序:

  1. 浏览到所需页面
  2. 打开开发者控制台- F12在Windows / Linux上或在MacOS上option+ +J
  3. 选择SourcesChrome检查器中的标签
  4. 在Web浏览器窗口中,将鼠标悬停在所需元素上以启动弹出窗口
  5. 命中F8在Windows / Linux操作系统(或者fn+ F8在MacOS),而酥料饼被展示。 如果您在实际页面上的任何位置单击,F8将不起作用。 您的最终点击必须位于检查器中的某处,例如“源”选项卡
  6. 转到Elements检查器中的选项卡
  7. 查找您的弹出窗口(它将嵌套在触发元素的HTML中)
  8. 玩得开心修改CSS
2020-05-16