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
Eメール [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"
    }
}