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
官方網址 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"
    }
}