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
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 |
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 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'" } |