Css Playground and Dom Tree

For Web designers, developers, web instructors. On live web pages, inspect, edit, and test hundreds of [new] CSS styles per second.

Css Playground and Dom Treeとは何ですか?

Css Playground and Dom TreeはJody Brabecによって開発されたChromeの拡張機能で、その主な機能は「For Web designers, developers, web instructors. On live web pages, inspect, edit, and test hundreds of [new] CSS styles per second.」です。

拡張機能のスクリーンショット

screenshot
screenshot
screenshot

Css Playground and Dom Tree拡張機能のCRXファイルをダウンロード

Css Playground and Dom Tree拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        Extends DevTools!  Works on ANY live web page - explore new css styles like you never have before.                    

拡張機能の基本情報

名前 Css Playground and Dom Tree Css Playground and Dom Tree
ID fbdbnlmganadmogpnpceofkilanfolni
公式URL https://chromewebstore.google.com/detail/css-playground-and-dom-tr/fbdbnlmganadmogpnpceofkilanfolni
説明 For Web designers, developers, web instructors. On live web pages, inspect, edit, and test hundreds of [new] CSS styles per second.
ファイルサイズ 179 KB
インストール数 1,339
現在のバージョン 6.1.3
最終更新日 2022-01-13
公開日 2020-04-21
評価 4.00/5 合計 2 レビュー
開発者 Jody Brabec
Eメール [email protected]
支払い方法 free
ヘルプページのURL https://youtu.be/t9S5KaNr6Go
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Css Playground and Dom Tree",
    "version": "6.1.3",
    "description": "For Web designers, developers, web instructors. On live web pages, inspect, edit, and test hundreds of [new] CSS styles per second.",
    "background": {
        "scripts": [
            "background.js"
        ]
    },
    "permissions": [
        ""
    ],
    "browser_action": {
        "default_icon": "icons\/pine-tree-32.png",
        "default_title": "Css Playground",
        "default_popup": "popup.html"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "content-script.js"
            ],
            "run_at": "document_idle",
            "all_frames": true
        }
    ],
    "icons": {
        "48": "icons\/pine-tree-32.png"
    },
    "devtools_page": "devtools.html",
    "web_accessible_resources": [
        "icons\/*.png",
        "images\/*.gif",
        "images\/*.jpg",
        "images\/*.png"
    ]
}