Brick Next Developer Tools

Adds Brick Next debugging tools to the Chrome Developer Tools.

What is Brick Next Developer Tools?

Brick Next Developer Tools is a Chrome extension developed by weareoutman, and its main feature is "Adds Brick Next debugging tools to the Chrome Developer Tools.".

Extension Screenshots

screenshot
screenshot

Download Brick Next Developer Tools Extension CRX File

Download Brick Next Developer Tools 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

                        Brick Next Developer Tools is a Chrome DevTools extension for Brick Next.

Brick Next is a web-frontend framework building on top of web components, developed by UWinTech China (优维科技), also known as EasyOps.

This extension allows developers to inspect the framework rendering tree which consists of custom elements, including their customized properties and events. And it also allows developers to monitor specific data processing of the framework.

Developers will get a new tab in Chrome DevTools: "Bricks". By default it shows you the custom elements tree, by selecting one of them, you can inspect its customized properties and events.

By switching to "Evaluations" or "Transformations", you can monitor the specific data processing, including the input, the result and the context.

Extension Basic Information

Name Brick Next Developer Tools Brick Next Developer Tools
ID imfbjbfcldgkdbfgeoppalofbjfihpdp
Official URL https://chromewebstore.google.com/detail/brick-next-developer-tool/imfbjbfcldgkdbfgeoppalofbjfihpdp
Description Adds Brick Next debugging tools to the Chrome Developer Tools.
File Size 527 KB
Installation Count 248
Current Version 0.6.10
Last Updated 2023-10-10
Publish Date 2020-06-05
Rating 5.00/5 Total 4 Ratings
Developer weareoutman
Email [email protected]
Payment Type free
Extension Website https://github.com/easyops-cn/brick-next-devtools
Help Page URL https://github.com/easyops-cn/brick-next-devtools/issues/new
Supported Languages en-US
manifest.json 
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Brick Next Developer Tools",
    "description": "Adds Brick Next debugging tools to the Chrome Developer Tools.",
    "version": "0.6.10",
    "icons": {
        "128": "icons\/128-production.png"
    },
    "devtools_page": "build\/devtools.html",
    "host_permissions": [
        ""
    ],
    "background": {
        "service_worker": "build\/background.js"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "all_frames": true,
            "js": [
                "build\/content.js"
            ],
            "run_at": "document_start"
        }
    ],
    "web_accessible_resources": [
        {
            "resources": [
                "build\/hook.js"
            ],
            "matches": [
                ""
            ]
        }
    ]
}

Related Extensions

AEM Chrome Plug-in
AEM Chrome Plug-in
React Developer Tools
React Developer Tools
Preact Developer Tools
Preact Developer Tools
Solid Devtools
Solid Devtools
Web Developer Tool for Chrome
Web Developer Tool for Chrome