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
官方網址 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'"
}