CSS Debugger

A lightweight extension for Google chrome that shows the outline of all CSS elements on the page.

什么是CSS Debugger?

CSS Debugger是由Mathias Meldgaard Pedersen开发的Chrome扩展程序,该扩展的主要功能是“A lightweight extension for Google chrome that shows the outline of all CSS elements on the page.”。

扩展截图

screenshot

下载CSS Debugger扩展crx文件

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

扩展使用说明

                        A simple extension that injects debug styles into any page helping you debug style and structure issues.                    

扩展基本信息

名称 CSS Debugger CSS Debugger
ID jmlihgplnddolhopaoengncklepinhgc
官方URL https://chromewebstore.google.com/detail/css-debugger/jmlihgplnddolhopaoengncklepinhgc
简介 A lightweight extension for Google chrome that shows the outline of all CSS elements on the page.
文件大小 7.27 KB
安装次数 1,104
当前版本 0.1
更新时间 2020-04-07
上架时间 2020-04-02
评分 5.00/5 共1次评分
开发者 Mathias Meldgaard Pedersen
电子邮箱 [email protected]
付费类型 free
隐私政策页面URL http://www.mathiaspedersen.dk
支持的语言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "CSS Debugger",
    "version": "0.1",
    "description": "A lightweight extension for Google chrome that shows the outline of all CSS elements on the page.",
    "permissions": [
        "tabs"
    ],
    "manifest_version": 2,
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "content_scripts": [
        {
            "matches": [
                "*:\/\/*\/*"
            ],
            "js": [
                "content.js"
            ]
        }
    ],
    "browser_action": {
        "default_title": "CSS Debugger",
        "default_icon": {
            "16": "images\/icon_16.png",
            "32": "images\/icon_32.png",
            "48": "images\/icon_48.png",
            "128": "images\/icon_128.png"
        }
    },
    "icons": {
        "16": "images\/icon_16.png",
        "32": "images\/icon_32.png",
        "48": "images\/icon_48.png",
        "128": "images\/icon_128.png"
    }
}