Viewport Detector
Viewport detector for bootstrap 3
What is Viewport Detector?
Viewport Detector is a Chrome extension developed by https://bootstraptools.com, and its main feature is "Viewport detector for bootstrap 3".
Extension Screenshots
Download Viewport Detector Extension CRX File
Download Viewport Detector 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
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. Extension Basic Information
| Name |  Viewport Detector |
| ID | fpfdmgaahiocnoiaedbppoaipfjiiaep |
| Official URL | https://chromewebstore.google.com/detail/viewport-detector/fpfdmgaahiocnoiaedbppoaipfjiiaep |
| Description | Viewport detector for bootstrap 3 |
| File Size | 153 KB |
| Installation Count | 430 |
| Current Version | 0.0.1 |
| Last Updated | 2014-02-06 |
| Publish Date | 2014-02-06 |
| Rating | 4.00/5 Total 3 Ratings |
| Developer | https://bootstraptools.com |
| Payment Type | free |
| Supported Languages | en |
| 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": [
{
"matches": [
"*:\/\/*\/*"
],
"js": [
"js\/jquery\/jquery.js"
],
"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"
}
} | |
