CSS Breakpoint Button

A browser extension that displays the current breakpoint for the selected css framework.

What is CSS Breakpoint Button?

CSS Breakpoint Button is a Chrome extension developed by Div or Die, and its main feature is "A browser extension that displays the current breakpoint for the selected css framework.".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot
screenshot
screenshot

Download CSS Breakpoint Button Extension CRX File

Download CSS Breakpoint Button 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

                        The CSS Breakpoint Button extension shows users the current css breakpoint and width of the current page. There are two prepackaged rule sets provided with the extension, Bootstrap and Tailwindcss.  Custom breakpoints can be created to match your specific needs.  Settings are domain specific to make it easier for developers who are working on multiple applications with different frameworks and/or breakpoint values.                    

Extension Basic Information

Name CSS Breakpoint Button CSS Breakpoint Button
ID hanagefkggieaghgifnhmjnkeilgemda
Official URL https://chromewebstore.google.com/detail/css-breakpoint-button/hanagefkggieaghgifnhmjnkeilgemda
Description A browser extension that displays the current breakpoint for the selected css framework.
File Size 603 KB
Installation Count 57
Current Version 0.1.0
Last Updated 2021-09-07
Publish Date 2021-09-07
Rating 5.00/5 Total 3 Ratings
Developer Div or Die
Email [email protected]
Payment Type free
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "CSS Breakpoint Button",
    "homepage_url": "https:\/\/css.usefulapps.cloud",
    "description": "A browser extension that displays the current breakpoint for the selected css framework.",
    "default_locale": "en",
    "permissions": [
        "activeTab",
        "storage"
    ],
    "icons": {
        "16": "icons\/16.png",
        "19": "icons\/19.png",
        "38": "icons\/38.png",
        "48": "icons\/48.png",
        "96": "icons\/96.png",
        "128": "icons\/128.png"
    },
    "background": {
        "scripts": [
            "js\/background.js"
        ],
        "persistent": false
    },
    "content_scripts": [
        {
            "matches": [
                "*:\/\/*\/*"
            ],
            "js": [
                "js\/content-script.js"
            ]
        }
    ],
    "browser_action": {
        "default_popup": "popup.html",
        "default_title": "CSS Breakpoint Button",
        "default_icon": {
            "19": "icons\/19.png",
            "38": "icons\/38.png"
        }
    },
    "browser_specific_settings": {
        "gecko": {
            "id": "[email protected]",
            "strict_min_version": "53.0"
        }
    },
    "version": "0.1.0",
    "content_security_policy": "script-src 'self' ; object-src 'self'"
}