Brick Next Developer Tools

Adds Brick Next debugging tools to the Chrome Developer Tools.

什么是Brick Next Developer Tools？

Brick Next Developer Tools是由weareoutman开发的Chrome扩展程序，该扩展的主要功能是“Adds Brick Next debugging tools to the Chrome Developer Tools.”。

扩展截图

screenshot
screenshot

下载Brick Next Developer Tools扩展crx文件

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

扩展使用说明

                        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.

扩展基本信息

名称 Brick Next Developer Tools Brick Next Developer Tools
ID imfbjbfcldgkdbfgeoppalofbjfihpdp
官方URL https://chromewebstore.google.com/detail/brick-next-developer-tool/imfbjbfcldgkdbfgeoppalofbjfihpdp
简介 Adds Brick Next debugging tools to the Chrome Developer Tools.
文件大小 527 KB
安装次数 248
当前版本 0.6.10
更新时间 2023-10-10
上架时间 2020-06-05
评分 5.00/5 共4次评分
开发者 weareoutman
电子邮箱 [email protected]
付费类型 free
扩展官网 https://github.com/easyops-cn/brick-next-devtools
帮助页面URL https://github.com/easyops-cn/brick-next-devtools/issues/new
支持的语言 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": [
                ""
            ]
        }
    ]
}

相关的扩展

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