Z-index Visualizerคืออะไร?

Z-index Visualizer เป็นส่วนขยายของ Chrome ที่พัฒนาโดย jeong57281 และคุณลักษณะหลักของมันคือ "A tool that visualizes (2.5D) the stacking contexts of web pages."

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Z-index Visualizer

ดาวน์โหลดไฟล์ส่วนขยาย Z-index Visualizer ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

Due to the stacking context concept of CSS, in certain situations, no matter how high the z-index value is, the desired result may not be achieved.

By visualizing the stacking context (2.5D), the tool helps you quickly identify which elements the current stacking context is dependent on.

Github: https://github.com/junghyunbak/chrome-extension-z-index-visualizer

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ	Z-index Visualizer
ID	hpimpiejkldpjhijfpglflpplnhdffcf
URL อย่างเป็นทางการ	https://chromewebstore.google.com/detail/z-index-visualizer/hpimpiejkldpjhijfpglflpplnhdffcf
คำอธิบาย	A tool that visualizes (2.5D) the stacking contexts of web pages.
ขนาดไฟล์	97.5 KB
จำนวนการติดตั้ง	189
เวอร์ชันปัจจุบัน	1.0.0
อัปเดตครั้งล่าสุด	2023-07-25
วันที่เผยแพร่	2023-07-24
ผู้พัฒนา	jeong57281
อีเมล	[email protected]
ประเภทการชำระเงิน	free
ภาษาที่รองรับ	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "description": "A tool that visualizes (2.5D) the stacking contexts of web pages.", "version": "1.0.0", "manifest_version": 3, "name": "Z-index Visualizer", "background": { "service_worker": "background.bundle.js" }, "action": { "default_icon": "icon-32.png" }, "icons": { "128": "icon-128.png" }, "content_scripts": [ { "matches": [ "http:\/\/\/", "https:\/\/\/", "" ], "js": [ "contentScript.bundle.js" ], "css": [ "content.styles.css" ] } ], "devtools_page": "devtools.html", "web_accessible_resources": [ { "resources": [ "content.styles.css", "icon-128.png", "icon-32.png" ], "matches": [] } ], "permissions": [ "storage", "tabs" ] }