开发者工具插件大小: 28.48KiB版本: v 2.1.0更新时间: 2021-12-21
大小:28.48KiB版本:v 2.1.0更新时间:2021-12-21

A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel

z-context 的使用方法详解,最全面的教程

z-context 描述:



扩展大小:28.48 KiB


版本:v 2.1.0

z-context 插件简介:

这是来自Chrome商店的 z-context 浏览器插件,您可以在当前页面下载它的最新版本安装文件,并安装在Chrome、Edge等浏览器上。





(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面

(3) 打开扩展程序页面的“开发者模式”

(4) 将crx文件拖拽到扩展程序页面,



Why use it? Browsers support a hierarchy of stacking contexts, rather than a single global one. This means that z-index values are often used incorrectly, and arbitrarily high values get set. By Using Z-Context, you'll know: - If the current element creates a stacking context, and why - What its parent stacking context is - The z-index value -------- v2.1.0 - Includes http protocol to facilitate development use cases https://github.com/gwwar/z-context/pull/23 v2.0.0 - Adds support for inspecting iframes https://github.com/gwwar/z-context/pull/21 https://github.com/gwwar/z-context/pull/22 v1.1.0 - Adds z-index stacking context rules as of 2021. Adds fixes for position sticky and shadow dom, props to roperzh and edenilan! See pulls 10, 17 and 18 at https://github.com/gwwar/z-context. v1.0.4 - fixes will-change case. a stacking context is created for opacity/transform but not other values https://github.com/gwwar/z-context/pull/9 v1.0.3 - fixes display reason for flex-items https://github.com/gwwar/z-context/pull/4 v1.0.2 - adds new z-index rules, fixes a bug when inspecting a shadow dom elements. https://github.com/gwwar/z-context/pull/3 v1.0.1 - fix reason message for non-static positions, props to giuseppeg. https://github.com/gwwar/z-context/pull/1


브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Расширение позволяет использовать КриптоПро ЭЦП Browser plug-in в браузере. Для работы требует установленного ЭЦП Browser plug-in.
Adds React debugging tools to the Chrome Developer Tools. Created from revision 336ac8ceb on 7/13/2022.
Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies
POSTMAN CHROME IS DEPRECATED DOWNLOAD THE UPDATED POSTMAN NATIVE APPS Postman Chrome is deprecated and is missing essential, new…
Tag Assistant helps to troubleshoot installation of various Google tags including Google Analytics, Google Tag Manager and more.
The web developers helper program to create and test custom HTTP requests.
back top top
back top top