LOADING

CSS Stacking Context inspector

CSS Stacking Context inspector1.1.13

帮助检查 css 堆栈上下文并解决 z-index 战争。您是否曾经尝试过使用 z-index 属性,只是为了发现,无论您将其设置多高,它都不会按预期工作?那是因为 z-index 属性依赖于一个称为“堆叠上下文”的隐式概念。在了解它们是什么以及它们如何工作之后(您可以在 MDN 上找到这些信息),您可以使用此开

官方版无广告46

更新日期:2021年 8月 29日分类标签:语言:中文平台:

151KB 0 人已下载 手机查看

简介:
帮助检查 css 堆栈上下文并解决 z-index 战争。您是否曾经尝试过使用 z-index 属性,只是为了发现,无论您将其设置多高,它都不会按预期工作?那是因为 z-index 属性依赖于一个称为“堆叠上下文”的隐式概念。在了解它们是什么以及它们如何工作之后(您可以在 MDN 上找到这些信息),您可以使用此开发工具扩展来检查这些上下文并解决您可能遇到的任何 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:/// scheme)。 • v. 1.1.8 – 添加页面更改时的警告,支持影子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 – 修复了由其父级创建的静态上下文具有未检测到的显示柔性或网格的错误。 • 1.1.0 版- 现在扩展适用于安装时已经打开的选项卡。 – 右键单击​​上下文菜单已被上下文按钮取代,因为它无法正常工作(将来可能会再次添加)。 – 现在,当堆叠上下文需要很长时间加载时,上下文树页面将显示加载指示器。 – 在开发人员方面,所有代码都已移至协议,作为使其开源的第一步。 • v. 1.0.1 – 小的可访问性变化和视觉调整。

相关资源

Riak JSON editor (fixed)
Riak JSON 编辑器已修复(原始 https://chrome.google.com/webstore/detail/riak-json-editor/eeponikjeljlngckgbekknkoncmljfbf) Riak (NOSQL DB) 的 JSON 编辑器。如果您使用任何 JSON 视图插件
PixelTool
允许您叠加设计以提高前端开发的精度在网页上叠加设计,以便在开发时轻松遵循线框或设计。这个扩展带有一个易于使用的用户界面,它作为开发工具面板不受影响。它允许开发人员或设计人员在真实的 HTML 上添加透明图像,以协助编写接近设计或线框的 html 结构和 css。特征- 可调节的不透明度。 - 位于开发工具面板中-
Mermaid Charts
在网页上渲染美人鱼图表使用美人鱼语法在 Markdown 文件中绘制跨网站的图表。全力支持* GitHub * Dillinger.io目前不支持* 比特桶特征: * 支持流程图、序列图、ER图、状态图、类图、饼图和甘特图* 集成了最新版本的 Mermaid.js (v8.5.1),因此支持最新的 mermaid
Do Responsive
对于开发人员和站点管理员来说,这是一个简单的好方法,可以在多个视图中检查他们的本地和远程网站。用于测试网站响应式布局的最强大和免费软件扩展。它包括最常见的布局,如 iPhone(3,4,5)、iPad、Kindle 和 Nexus。特征? * 支持本地和远程*最小化/最大化任何布局* 创建/删除设备* 删除任何布
Salesforce Lightning Web Component Extractor
Salesforce Lightning Web 组件提取器单击扩展以在单独的 chrome 选项卡中查看贵组织中的所有 Lightning Web 组件列表选择您的 ORG 中的任何 Lightning Web 组件在不使用 VS 代码的情况下,提取并查看扩展中的 LWC 组件(HTML、JS、XML、CSS)
NetBeans Connector
NetBeans Connector 提供了屡获殊荣的 NetBeans IDE 和 Google Chrome 浏览器之间的深度集成。 NetBeans IDE 具有一整套用于 JavaScript 和 HTML5 的开发工具,包括代码编辑、调试、实时样式设置、iOS 和 Android 设备开发等。 NetB

暂无评论

暂无评论...