Sniper CSS

Avoid unused CSS styles code in your Web/Apps.

What is Sniper CSS?

Sniper CSS is a Chrome extension developed by giustiRo, and its main feature is "Avoid unused CSS styles code in your Web/Apps.".

Extension Screenshots

screenshot
screenshot

Download Sniper CSS Extension CRX File

Download Sniper CSS extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        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.                    

Extension Basic Information

Name Sniper CSS Sniper CSS
ID kknjnehpgiaeljeilemamjjiopemockp
Official URL https://chromewebstore.google.com/detail/sniper-css/kknjnehpgiaeljeilemamjjiopemockp
Description Avoid unused CSS styles code in your Web/Apps.
File Size 68.29 KB
Installation Count 261
Current Version 1.1
Last Updated 2023-04-19
Publish Date 2023-04-12
Rating 4.67/5 Total 3 Ratings
Developer giustiRo
Email [email protected]
Payment Type free
Supported Languages en-US
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:\/\/*\/"
    ]
}