Avoid unused CSS styles code in your Web/Apps.
Sniper CSS Extension
Hi Devs!
This extension will interact and try to collect all CSS rules of your site, using emulations like Dark and Light themes, going through different media breakpoints, switching User Agents and so on.
It will be being improved with time! Try it!
Supporting:
-Multiple Breakpoints
-Dark and Light Themes
-Multiple User-Agents
-Node's Pseudo-States
-Keyframes
-Other At-rules like prefers-motion, pointer, etc.
-On-load hook related rules.
Roadmap:
-To add some user inputs preferences and apply them to generated CSS file.
Read more
This extension will interact and try to collect all CSS rules of your site, using emulations like Dark and Light themes, going through different media breakpoints, switching User Agents and so on.
It will be being improved with time! Try it!
Supporting:
-Multiple Breakpoints
-Dark and Light Themes
-Multiple User-Agents
-Node's Pseudo-States
-Keyframes
-Other At-rules like prefers-motion, pointer, etc.
-On-load hook related rules.
Roadmap:
-To add some user inputs preferences and apply them to generated CSS file.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Sniper CSS", "version": "1.1", "description": "Avoid unused CSS styles code in your Web/Apps.", "manifest_version": 3, "permissions": [ "tabs", "activeTab", "scripting", "debugger" ], "background": { "service_worker": "background.js", "type": "module" }, "action": { "default_popup": "index.html", "default_title": "Optimize CSS for this site!", "default_icon": { "16": "assets/16.png", "24": "assets/24.png", "32": "assets/32.png", "64": "assets/64.png", "100": "assets/100.png" } }, "host_permissions": [ "http://*/", "https://*/" ]}
Read more