Что такое 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" } }