z-context
A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel
z-context là gì?
z-context là một tiện ích mở rộng Chrome được phát triển bởi gwwar, và tính năng chính của nó là "A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel".
Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng
Tải xuống tệp CRX của tiện ích mở rộng z-context
Tải xuống các tệp mở rộng z-context dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.
Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng
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 Thông Tin Cơ Bản về Tiện Ích Mở Rộng
| Tên |  z-context |
| ID | jigamimbjojkdgnlldajknogfgncplbh |
| URL Chính Thức | https://chromewebstore.google.com/detail/z-context/jigamimbjojkdgnlldajknogfgncplbh |
| Mô tả | A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel |
| Kích Thước Tệp | 28.48 KB |
| Số Lần Cài Đặt | 8,667 |
| Phiên Bản Hiện Tại | 2.1.0 |
| Cập Nhật Lần Cuối | 2022-01-27 |
| Ngày Phát Hành | 2018-02-17 |
| Đánh Giá | 3.51/5 Tổng số 41 Đánh Giá |
| Nhà Phát Triển | gwwar |
| [email protected] | |
| Loại Thanh Toán | free |
| Ngôn Ngữ Được Hỗ Trợ | 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"
}
} | |
