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 - 小的可访问性变化和视觉调整。

相关资源

Server Details
检查哪些服务器软件为网站提供动力。服务器详细信息使用网页的 HTTP 标头提供的信息来显示正在运行它所在的 Web 服务器的软件。您可以在 http://whitefirdesign.com/tools/server-details.html 使用基于 Web 的工具版本查看网站上可以检测到的内容该扩展程序检测到
Inspector Saver
重新构想网络:为同事、客户或您自己保存浏览器的检查编辑。将 HTML 和 CSS 更改存储在浏览器中,以便稍后返回。通过加载编辑向同事和客户展示您的更改。您可以随时删除在特定页面或所有页面上捕获的所有编辑。
Wide Screen for Github
Github 拉取请求 Diff 内容区域太窄了。利用屏幕的整个宽度,让您的生活更轻松。新的:很长的行的滚动条!如果屏幕仍然不够宽,您将有一种简单的方法来滚动和阅读宽文本。此外,修复了一些 Github 屏幕中某些元素被截断的情况。描述:您是否发现自己在使用 60 年代初的过时惯例? “历史上源自穿孔卡片”(维基
Clockwork
集成到浏览器的 php 开发工具Clockwork 是一款适用于 PHP 的开发工具,可直接在您的浏览器中使用。 Clockwork 让您深入了解您的应用程序运行时 - 包括请求数据、性能指标、日志条目、数据库查询、缓存查询、redis 命令、调度事件、排队作业、渲染视图等 - 用于 HTTP 请求、命令、队列作
LeetCode/LintCode Helper
当您在 LeetCode/LintCode 上编写代码时,此扩展是一个有用的帮助程序。它会自动搜索您的问题的解决方案在 https://www.leetcode.com 或 http://www.lintcode.com 上编码时,一个方便你的生活的工具。 - 只需单击按钮即可转到问题解决方案。 - 如果找不到自
Core Web Vitals Visualizer
可视化任何网页的核心网络活力RUM Visualizer 可视化任何网页的 Core Web Vitals。此扩展程序将可视化任何网页的 Core Web Vitals。它包括 Largest Contentful Paint (LCP)、First Input Delay (FID)、Cumulative la

暂无评论

暂无评论...