Viewport Detector

Viewport detector for bootstrap 3

什么是Viewport Detector?

Viewport Detector是由https://bootstraptools.com开发的Chrome扩展程序,该扩展的主要功能是“Viewport detector for bootstrap 3”。

扩展截图

screenshot

下载Viewport Detector扩展crx文件

下载Viewport Detector扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        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.                    

扩展基本信息

名称 Viewport Detector Viewport Detector
ID fpfdmgaahiocnoiaedbppoaipfjiiaep
官方URL https://chromewebstore.google.com/detail/viewport-detector/fpfdmgaahiocnoiaedbppoaipfjiiaep
简介 Viewport detector for bootstrap 3
文件大小 153 KB
安装次数 430
当前版本 0.0.1
更新时间 2014-02-06
上架时间 2014-02-06
评分 4.00/5 共3次评分
开发者 https://bootstraptools.com
付费类型 free
支持的语言 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"
    }
}