CSS Usedคืออะไร?

CSS Used เป็นส่วนขยายของ Chrome ที่พัฒนาโดย https://bobscript.com และคุณลักษณะหลักของมันคือ "Get all css rules used by the selected DOM and its descendants."

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

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย CSS Used

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

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

One click to get all the css applied to the selected web element and its descendants. -- Recent Update -- 1. Migrated to Manifest V3. 2. Resources are read from local caches, making it much faster and solves the cross-origin issue. 3. Optimized style parsing in a more efficient way. 4. Dropped support for some outdated CSS, mostly -o- and -ms- prefixed properties. 5. Implemented a new UI powered by Svelte, with some visual tweaks. -- Known Limit -- 1. For CSS rules like ".wrap p{...}", if only "

" is selected, the result ".wrap p{...}" will not apply to "

". Either change the rule to "p{...}" or add a ".wrap" parent in the final HTML. 2. CSS custom properties (variables) and all the style inherit related features are not supported currently.

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

ชื่อ	CSS Used
ID	cdopjfddjlonogibjahpnmjpoangjfff
URL อย่างเป็นทางการ	https://chromewebstore.google.com/detail/css-used/cdopjfddjlonogibjahpnmjpoangjfff
คำอธิบาย	Get all css rules used by the selected DOM and its descendants.
ขนาดไฟล์	164 KB
จำนวนการติดตั้ง	66,889
เวอร์ชันปัจจุบัน	3.0.0
อัปเดตครั้งล่าสุด	2023-01-17
วันที่เผยแพร่	2019-06-23
คะแนน	4.57/5 รวมทั้งหมด 174 คะแนน
ผู้พัฒนา	https://bobscript.com
อีเมล	[email protected]
ประเภทการชำระเงิน	free
URL หน้าช่วยเหลือ	https://github.com/painty/CSS-Used-ChromeExt
ภาษาที่รองรับ	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "CSS Used", "version": "3.0.0", "permissions": [ "tabs" ], "optional_permissions": [ "storage" ], "author": "Bob", "icons": { "16": "static\/icon\/16.png", "48": "static\/icon\/48.png", "128": "static\/icon\/128.png" }, "description": "Get all css rules used by the selected DOM and its descendants.", "devtools_page": "devtools.html", "options_page": "options.html", "manifest_version": 3, "content_scripts": [ { "matches": [ "" ], "js": [ "assets\/content.js" ], "all_frames": true } ], "action": { "default_icon": "static\/icon\/128.png", "default_title": "CSS Used For Chrome Devtool", "default_popup": "popup.html" } }