z-context란 무엇입니까?

z-context은(는) gwwar에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel"입니다.

확장 프로그램 스크린샷

z-context 확장 프로그램 CRX 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 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

확장 프로그램 기본 정보

이름	z-context
ID	jigamimbjojkdgnlldajknogfgncplbh
공식 URL	https://chromewebstore.google.com/detail/z-context/jigamimbjojkdgnlldajknogfgncplbh
설명	A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel
파일 크기	28.48 KB
설치 횟수	8,667
현재 버전	2.1.0
최근 업데이트	2022-01-27
출시 날짜	2018-02-17
평점	3.51/5 총 41 개의 평점
개발자	gwwar
이메일	[email protected]
결제 유형	free
지원되는 언어	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "z-context", "version": "2.1.0", "description": "A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel", "author": "gwwar", "devtools_page": "devtools\/index.html", "background": { "scripts": [ "background.js" ] }, "content_scripts": [ { "matches": [ "http:\/\/\/", "https:\/\/\/" ], "js": [ "content-script.js" ], "all_frames": true } ], "icons": { "16": "icons\/icon_16.png", "48": "icons\/icon_48.png", "72": "icons\/icon_72.png", "96": "icons\/icon_96.png", "128": "icons\/icon_128.png", "144": "icons\/icon_144.png", "192": "icons\/icon_192.png" } }