Viewport detector for bootstrap 3

Latest Version

Version
0.0.1
Update
February 6, 2014
Size
153KiB
Developer
bootstraptools.com
Category
Users
368
Rating
4 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
See more

Viewport Detector Extension

As you know with the new version of Bootstrap 3 each viewport is represented by a class name respectively are col-lg- , col-md- , col-sm- and col-xs-.
I created this little extension to help me switch between different viewports while resizing the browser and decide which content should show in which device.
I will add more options to it in the future till then I hope you will find it useful while working with Bootstrap.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Viewport Detector", "version": "0.0.1", "manifest_version": 2, "permissions": ["activeTab"], "content_scripts": [ {\t\t "matches": ["*://*/*"], "js": ["js/jquery/jquery.js"],\t\t"css": ["css/detect.css"], "all_frames": true } ], "web_accessible_resources": ["css/detect.css","images/smartphone.png","images/tablet.png","images/laptop.png","images/desktop.png","images/screeen-ruler.png","images/close.png"], "description": "Viewport detector for bootstrap 3", "homepage_url": "http://hmdadou.com", "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "background": { "page": "src/bg/background.html" }, "options_page": "src/options/index.html", "browser_action": { "default_icon": "icons/icon19.png", "default_title": "browser action demo" }}
Read more

Similar Extensions

icon

Responsive Window Extension · Developer Tools 368 9 ★ 5.38KiB

icon

viewport Extension · Fun 368 2 ★ 2.24MiB

icon

Viewport Resizer: Ultimate Device Emulator & Website Testing Tool Extension · Developer Tools 368 277 ★ 143KiB

icon

Viewport Dimensions Extension · Developer Tools 368 158 ★ 48.58KiB

icon

ChromeStrap Extension · Developer Tools 368 2 ★ 49.66KiB

icon

Bootstrap 5 Breakpoint Detection Overlay Extension · Developer Tools 368 4 ★ 25.97KiB

icon

Breakpoint media-queries Extension · Developer Tools 368 1 ★ 15.03KiB

icon

ViewportDimension Extension · Developer Tools 368 8 ★ 11.66KiB

icon

Bootstrap Viewport Extension · Developer Tools 368 22 ★ 118KiB

icon

Bootstrap Viewport Extension · Developer Tools 368 3 ★ 15.01KiB

icon

Bootstrap resize tool Extension · Developer Tools 368 11 ★ 45.39KiB

icon

SimpleSize Extension · Developer Tools 368 3 ★ 93.91KiB

icon

BCW: Bootstrap Grid Helper Extension · Developer Tools 368 2 ★ 54.44KiB

icon

Bootstrap 3 Resize Tool Extension · Developer Tools 368 7 ★ 27KiB

icon

Bootstrap Grid Generator Extension · Productivity 368 3 ★ 320KiB

icon

Bootstrap Grid for any Website Extension · Developer Tools 368 7 ★ 42.21KiB

icon

Responsive Debug Extension · Developer Tools 368 2 ★ 39.21KiB

icon

Bootstrap grid viewer Extension · Developer Tools 368 2 ★ 34.09KiB

icon

Responswitch Extension · Developer Tools 368 2 ★ 55.49KiB

icon

Responsive View Extension · Developer Tools 368 14 ★ 165KiB

icon

Bootstrap Twitter Offline Docs Extension · Developer Tools 368 90 ★ 3.11MiB

icon

Window Dimensions Extension · Developer Tools 368 13 ★ 52.19KiB

icon

Breakpoint Extension · Developer Tools 368 31 ★ 8.21KiB

icon

Width and Height Display Extension · Developer Tools 368 34 ★ 17.87KiB

User reviews

icon

Zari Zari (ID: 00000073c18ceaed) Voted 2 ★ - Updated 08/29/2017 Doesn't show the right viewport :/

icon

Jacques Crocker (ID: 0000000caf2266d0) Voted 5 ★ - Updated 07/13/2016 works awesome!

icon

Benoît Patra (ID: 000000a3e0be0e9b) Voted 5 ★ - Updated 10/21/2015 Very simple extension. This is exactly what I was looking for when developing my responsive bootstrap website.