CSS Usedとは何ですか？

CSS Usedはhttps://bobscript.comによって開発されたChromeの拡張機能で、その主な機能は「Get all css rules used by the selected DOM and its descendants.」です。

拡張機能のスクリーンショット

CSS Used拡張機能のCRXファイルをダウンロード

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
Eメール	[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" } }