Domkit

Domkit is a Chrome extension for analyzing the CSS box model of individual HTML elements.

什么是Domkit?

Domkit是由nickolasburr开发的Chrome扩展程序,该扩展的主要功能是“Domkit is a Chrome extension for analyzing the CSS box model of individual HTML elements.”。

扩展截图

screenshot
screenshot
screenshot
screenshot

下载Domkit扩展crx文件

下载Domkit扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        Domkit is a Chrome extension for analyzing the CSS box model of HTML elements. If you need to know the computed width or height of an element, toggle on Domkit and it will provide a large box shadow around the element, essentially raising it above the other elements and giving you the dimensions. Additionally, Domkit also provides information on what type of element you're viewing so that you can easily know whether you're viewing the element you want or not. Enjoy Domkit and please submit any feedback!                    

扩展基本信息

名称 Domkit Domkit
ID cdeocdbeomkaegbihhleiikgkkmacgek
官方URL https://chromewebstore.google.com/detail/domkit/cdeocdbeomkaegbihhleiikgkkmacgek
简介 Domkit is a Chrome extension for analyzing the CSS box model of individual HTML elements.
文件大小 121 KB
安装次数 920
当前版本 2.1.6
更新时间 2017-07-22
上架时间 2017-07-22
评分 4.33/5 共3次评分
开发者 nickolasburr
付费类型 free
支持的语言 en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Domkit",
    "short_name": "DMKT",
    "version": "2.1.6",
    "description": "Domkit is a Chrome extension for analyzing the CSS box model of individual HTML elements.",
    "background": {
        "scripts": [
            "js\/background.js"
        ],
        "persistent": true
    },
    "browser_action": {
        "default_icon": "icons\/orange-box-48x48.png"
    },
    "content_scripts": [
        {
            "js": [
                "js\/content.js"
            ],
            "matches": [
                ""
            ],
            "run_at": "document_idle"
        }
    ],
    "icons": {
        "16": "icons\/orange-box-16x16.png",
        "48": "icons\/orange-box-48x48.png",
        "128": "icons\/orange-box-128x128.png"
    },
    "permissions": [
        "storage"
    ]
}