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.

What is Css Playground and Dom Tree?

Css Playground and Dom Tree is a Chrome extension developed by Jody Brabec, and its main feature is "For Web designers, developers, web instructors. On live web pages, inspect, edit, and test hundreds of [new] CSS styles per second.".

Extension Screenshots

screenshot
screenshot
screenshot

Download Css Playground and Dom Tree Extension CRX File

Download Css Playground and Dom Tree extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

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

Extension Basic Information

Name Css Playground and Dom Tree Css Playground and Dom Tree
ID fbdbnlmganadmogpnpceofkilanfolni
Official URL https://chromewebstore.google.com/detail/css-playground-and-dom-tr/fbdbnlmganadmogpnpceofkilanfolni
Description For Web designers, developers, web instructors. On live web pages, inspect, edit, and test hundreds of [new] CSS styles per second.
File Size 179 KB
Installation Count 1,339
Current Version 6.1.3
Last Updated 2022-01-13
Publish Date 2020-04-21
Rating 4.00/5 Total 2 Ratings
Developer Jody Brabec
Email [email protected]
Payment Type free
Help Page URL https://youtu.be/t9S5KaNr6Go
Supported Languages 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"
    ]
}