Bootstrap 4 Viewport

Detects and shows (XL, LG, MD, SM, Col) values depending on the window width.

什麼是Bootstrap 4 Viewport?

Bootstrap 4 Viewport是由JMendoza.es開發的Chrome擴展程式,該擴展的主要功能是“Detects and shows (XL, LG, MD, SM, Col) values depending on the window width.”。

擴展截圖

screenshot

下載Bootstrap 4 Viewport擴展crx文件

下載Bootstrap 4 Viewport擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        A small icon will show up indicating the current viewport code. When rescalating the window, the icon will stay visible all the time to give you the exact Bootstrap 4 resolution you're using in that moment. You can easily move it to place the indicator in the position that best suits for you. The position will be saved and kept for future website loads. The icon will only show up whenever a Bootstrap 4 website is loaded, if not it won't be shown to prevent confussion.                    

擴展基本資訊

名稱 Bootstrap 4 Viewport Bootstrap 4 Viewport
ID pdcejjpmicbdgdoioalhmjmhonbaobjm
官方網址 https://chrome.google.com/webstore/detail/bootstrap-4-viewport/pdcejjpmicbdgdoioalhmjmhonbaobjm
簡介 Detects and shows (XL, LG, MD, SM, Col) values depending on the window width.
檔案大小 202 KB
安裝次數 1,000
目前版本 1.1
更新時間 2019-04-20
上架時間 2019-04-20
評分 2.92/5 共 12 次評分
開發者 JMendoza.es
電子郵箱 [email protected]
付費類型 free
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "default_locale": "en",
    "name": "Bootstrap 4 Viewport",
    "version": "1.1",
    "description": "Detects and shows (XL, LG, MD, SM, Col) values depending on the window width.",
    "permissions": [
        "activeTab"
    ],
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "js\/jquery\/jquery.min.js",
                "src\/content_scripts\/content.js"
            ]
        }
    ],
    "icons": {
        "16": "icons\/bootstrap-stack.png",
        "32": "icons\/bootstrap-stack.png",
        "48": "icons\/bootstrap-stack.png",
        "128": "icons\/bootstrap-stack.png"
    },
    "page_action": {
        "default_popup": "src\/browser_action\/browser_action.html",
        "default_icon": {
            "16": "icons\/bootstrap-stack.png",
            "32": "icons\/bootstrap-stack.png",
            "48": "icons\/bootstrap-stack.png",
            "128": "icons\/bootstrap-stack.png"
        }
    },
    "manifest_version": 2
}