z-context
A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel
z-contextคืออะไร?
z-context เป็นส่วนขยายของ Chrome ที่พัฒนาโดย gwwar และคุณลักษณะหลักของมันคือ "A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel"
ภาพหน้าจอของส่วนขยาย
ดาวน์โหลดไฟล์ CRX ของส่วนขยาย z-context
ดาวน์โหลดไฟล์ส่วนขยาย z-context ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย
คำแนะนำในการใช้ส่วนขยาย
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" } } |