CSS Breakpoint Button

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

什么是CSS Breakpoint Button?

CSS Breakpoint Button是由Div or Die开发的Chrome扩展程序,该扩展的主要功能是“A browser extension that displays the current breakpoint for the selected css framework.”。

扩展截图

screenshot
screenshot
screenshot
screenshot
screenshot
screenshot

下载CSS Breakpoint Button扩展crx文件

下载CSS Breakpoint Button扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        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.                    

扩展基本信息

名称 CSS Breakpoint Button CSS Breakpoint Button
ID hanagefkggieaghgifnhmjnkeilgemda
官方URL https://chromewebstore.google.com/detail/css-breakpoint-button/hanagefkggieaghgifnhmjnkeilgemda
简介 A browser extension that displays the current breakpoint for the selected css framework.
文件大小 603 KB
安装次数 57
当前版本 0.1.0
更新时间 2021-09-07
上架时间 2021-09-07
评分 5.00/5 共3次评分
开发者 Div or Die
电子邮箱 [email protected]
付费类型 free
支持的语言 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'"
}