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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

有没有一种方法可以冻结弹出窗口（如图所示），以便我可以评估和修改关联的CSS？

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

回答：

  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

以上是 在chrome调试器/ DevTools面板中冻结屏幕以进行弹出检查？ 的全部内容， 来源链接： utcz.com/qa/427706.html

回到顶部