English
See more
A browser extension that displays the current breakpoint for the selected css framework.
Latest Version
Version
0.1.0
Update
September 7, 2021
Size
603KiB
Developer
Category
Users
73 
Rating
5 ★
Manifest Version
2
Web Store Status
Extension ID
Languages Support
Permissions
ActiveTab
Storage
See more
Storage
CSS Breakpoint Button Extension
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.
Read more
Source 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'"}
Read more
