如何在 Chrome DevTools 中暂停 Twitter Bootstrap Popover 进行详细检查？

在 Chrome DevTools 中冻结浏览器屏幕以进行 Popover 审查

使用 Chrome DevTools 分析 Twitter Bootstrap popover 的 z-index 时，暂停弹出窗口以进行彻底检查是一项挑战。本文介绍了如何冻结弹出窗口，以便您检查和修改其 CSS。

尽管将鼠标悬停在关联的链接上，弹出窗口不会出现。以下是克服此障碍的综合指南：

说明：

1. 导航到目标网页。
2. 启动 DevTools 面板 (在 Windows/Linux 上按 F12 或在macOS）。
3. 单击 Chrome DevTools 中的“源”选项卡。
4. 在 Web 浏览器中，将鼠标悬停在所需元素上以召唤弹出窗口。
5. 按 F8 (fn显示弹出窗口时，在 macOS 上按 F8）。请注意，此步骤要求您最后一次单击位于 DevTools 检查器面板中，例如“源”选项卡。
6. 导航到检查器中的“元素”选项卡。
7. 找到您的弹出窗口，其中应嵌套在其触发元素的 HTML 中。
8. 您现在可以自由修改触发元素的 CSS 属性弹出窗口。

以上是如何在 Chrome DevTools 中暂停 Twitter Bootstrap Popover 进行详细检查？的详细内容。更多信息请关注PHP中文网其他相关文章！