CSS Breakpoint Button

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

CSS Breakpoint Buttonคืออะไร?

CSS Breakpoint Button เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Div or Die และคุณลักษณะหลักของมันคือ "A browser extension that displays the current breakpoint for the selected css framework."

ภาพหน้าจอของส่วนขยาย

screenshot
screenshot
screenshot
screenshot
screenshot
screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย CSS Breakpoint Button

ดาวน์โหลดไฟล์ส่วนขยาย 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'"
}