Page Breakpoint Inspector Extension Chrome

Displays the current breakpoint in the page

Latest Version

Version

0.0.3

Update

April 26, 2023

Size

96.43KiB

Developer

Page Breakpoint Inspector Extension

Are you tired of guessing which breakpoint your website is currently using? Say hello to Page Breakpoint Inspector (PBI), the ultimate tool for frontend developers! With this extension, you'll always know which breakpoint is active, as it displays a clear and user-friendly tag on your screen.

No more awkwardly resizing your viewport or digging through your code to find out which breakpoint is being used. PBI makes your frontend development workflow smoother and more efficient, so you can focus on what really matters: creating amazing user experiences.

Whether you're working on a desktop or mobile project, this extension has got you covered. It's lightweight, easy to use, and compatible with all modern browsers.

Don't waste any more time guessing which breakpoint you're on. Get PBI today and take your frontend development skills to the next level!

Additional info:
You will be able to customize the breakpoint sizes to match your specific needs and preferences in a future version.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"manifest_version": 3,\t"name": "Page Breakpoint Inspector",\t"description": "Displays the current breakpoint in the page",\t"version": "0.0.3",\t"action": {\t\t"default_popup": "popup.html",\t\t"default_title": "Page Breakpoint Inspector",\t\t"default_icon": "icon_128.png"\t},\t"icons": {\t\t"16": "icon_16.png",\t\t"48": "icon_48.png",\t\t"128": "icon_128.png"\t},\t"permissions": ["storage"],\t"background": {\t\t"service_worker": "background.js"\t},\t"content_scripts": [\t\t{\t\t\t"matches": [""],\t\t\t"js": ["contentScript.js"]\t\t}\t]}