Elements Viewer

See your elements height and width on webpage

What is Elements Viewer?

Elements Viewer is a Chrome extension developed by Seke Nikola, and its main feature is "See your elements height and width on webpage".

Extension Screenshots

screenshot

Download Elements Viewer Extension CRX File

Download Elements Viewer 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

                        Element Viewer is a simple extension that helps front-end developers and designers to have a better visual representation of how elements are position on a web page.

Usage: Just press extension icon to toggle on and off.

Inspired by the tip from Gajus Kuizinas (https://github.com/gajus)                    

Extension Basic Information

Name Elements Viewer Elements Viewer
ID okglkbdhaneaglfmkmbkmglobmondaoc
Official URL https://chromewebstore.google.com/detail/elements-viewer/okglkbdhaneaglfmkmbkmglobmondaoc
Description See your elements height and width on webpage
File Size 5.61 KB
Installation Count 107
Current Version 1
Last Updated 2019-09-12
Publish Date 2019-09-12
Rating 5.00/5 Total 3 Ratings
Developer Seke Nikola
Email [email protected]
Payment Type free
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Elements Viewer",
    "description": "See your elements height and width on webpage",
    "version": "1",
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "permissions": [
        "activeTab"
    ],
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "elements-viewer.js"
            ]
        }
    ],
    "browser_action": {
        "default_title": "Elements Viewer"
    },
    "icons": {
        "16": "icons\/icon-16.png",
        "32": "icons\/icon-32.png",
        "48": "icons\/icon-48.png",
        "128": "icons\/icon-128.png"
    },
    "manifest_version": 2
}