CSS Stacking Context 检查器 Chrome 使用 OffiDocs

商品描述

您是否尝试过使用 z-index 属性，却发现无论您将其设置多高，它都无法按预期工作？ 这是因为 z-index 属性依赖于一个称为“堆叠上下文”的隐式概念。

在查找它们是什么以及它们如何工作（您可以在 MDN 上找到信息）之后，您可以使用此 devtools 扩展来检查这些上下文并解决您可能遇到的任何 z-index 问题。

此扩展将添加一个新面板，该面板将在树视图中显示堆叠上下文，并且还会向元素面板附加一个新侧边栏，其中包含有关所选元素的一些有用信息。

要查看深入的文档，请参阅 github 页面：https://github。

com/andreadev-it/stacking-contexts-inspector 如果您想报告问题或提出功能请求，请使用上述 github 存储库中的问题部分。

变更日志： • v。

1.1.13 - 移至清单 v3。 还将 z-index 添加到堆叠上下文面板侧边。

• v。

1.1.12 - 修复了检查堆栈上下文时未检测到供应商前缀属性的错误。

• v。

1.1.11 - 将 z-index 值添加到侧边栏中的“上下文详细信息”部分。

• v。

1.1.10 - 删除了不必要的权限请求以遵守 CWS 安全策略。

• v。

1.1.9 - 在 iframe 和 ShadowDOM 中实现了上下文 DOM 节点检查。

现在，该扩展也适用于本地文件（file:/// 方案）。

• v。

1.1.8 - 添加页面更改时的警告，支持 Shadow DOM 和基本设置。

• v。

1.1.7 - 一些样式修复。

现在，由于一些小的代码更改，它也可以在 Firefox 上使用。

已清理的代码。

• v。

1.1.5 - 修复了与 css 模块转换相关的错误（无样式微调器）。

• v。

1.1.4 - 添加了深色主题（以前在启用深色主题时无法使用）。

• v。

1.1.3 - 修复了页面导航上的错误。

• v。

1.1.2 - 添加了对不带“src”属性的 iframe 的支持（某些具有“src”属性的 iframe 可能可以工作，但不应期望如此）。

此外，侧边栏（元素面板）中也引入了加载指示器，并且侧边栏现在有自己的“刷新上下文”按钮。

• v。

1.1.1 - 修复了由其父级创建的静态上下文未检测到显示柔性或网格的错误。

• v。

1.1.0 - 现在该扩展可以在安装时已打开的选项卡上运行。

- 右键单击​​上下文菜单已被上下文按钮取代，因为它无法正常工作（将来可能会再次添加）。

- 现在，当堆叠上下文需要很长时间才能加载时，上下文树页面将显示加载指示器。

- 在开发人员方面，所有代码已移至 preact，作为开源的第一步。

• v。

1.0.1 - 小的辅助功能更改和视觉调整。

附加信息：

- 由 Andrea Dragotta 提供
- 平均评分：3.92 星（喜欢）
-开发人员 此邮件地址受spam bots保护。 您必须启用JavaScript才能查看。

CSS Stacking Context 检查器 web extension 与 OffiDocs 集成 Chromium 在线