Elements Viewer

See your elements height and width on webpage

什麼是Elements Viewer?

Elements Viewer是由Seke Nikola開發的Chrome擴展程式,該擴展的主要功能是“See your elements height and width on webpage”。

擴展截圖

screenshot

下載Elements Viewer擴展crx文件

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

擴展使用說明

                        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)                    

擴展基本資訊

名稱 Elements Viewer Elements Viewer
ID okglkbdhaneaglfmkmbkmglobmondaoc
官方網址 https://chromewebstore.google.com/detail/elements-viewer/okglkbdhaneaglfmkmbkmglobmondaoc
簡介 See your elements height and width on webpage
檔案大小 5.61 KB
安裝次數 107
目前版本 1
更新時間 2019-09-12
上架時間 2019-09-12
評分 5.00/5 共 3 次評分
開發者 Seke Nikola
電子郵箱 [email protected]
付費類型 free
支援的語言 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
}