Bootstrap 4 Viewport

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

What is Bootstrap 4 Viewport?

Bootstrap 4 Viewport is a Chrome extension developed by JMendoza.es, and its main feature is "Detects and shows (XL, LG, MD, SM, Col) values depending on the window width.".

Extension Screenshots

screenshot

Download Bootstrap 4 Viewport Extension CRX File

Download Bootstrap 4 Viewport 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

                        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.                    

Extension Basic Information

Name Bootstrap 4 Viewport Bootstrap 4 Viewport
ID pdcejjpmicbdgdoioalhmjmhonbaobjm
Official URL https://chrome.google.com/webstore/detail/bootstrap-4-viewport/pdcejjpmicbdgdoioalhmjmhonbaobjm
Description Detects and shows (XL, LG, MD, SM, Col) values depending on the window width.
File Size 202 KB
Installation Count 1,000
Current Version 1.1
Last Updated 2019-04-20
Publish Date 2019-04-20
Rating 2.92/5 Total 12 Ratings
Developer JMendoza.es
Email [email protected]
Payment Type free
Supported Languages 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
}