Nullstack Devtoolsとは何ですか？

Nullstack Devtoolsはacneidertによって開発されたChromeの拡張機能で、その主な機能は「Frontend Developer Tools for Nullstack」です。

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

Nullstack Devtools拡張機能のCRXファイルをダウンロード

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

拡張機能の使用方法

Adiciona ferramentas de depuração Nullstack às Ferramentas de desenvolvedor do Chrome.
Nullstack Devtools é uma extensão do Chrome DevTools para a biblioteca de código aberto Nullstac. Ele permite que você inspecione as hierarquias do componente Nullstack nas Ferramentas do desenvolvedor do Chrome.

Você obterá uma nova guia em seu Chrome DevTools: "Nullstack".

A guia Componentes mostra os componentes raiz do Nullstack que foram renderizados na página, bem como os subcomponentes que eles acabaram renderizando.

Ao selecionar um dos componentes na árvore, você pode inspecionar e editar seus adereços e estado atuais no painel à direita. Na localização atual, você pode inspecionar o componente selecionado, o componente que o criou, o componente que o criou e assim por diante.

拡張機能の基本情報

名前	Nullstack Devtools
ID	jbeglhfidlkdojonbjobjpbbjmjlhgjg
公式URL	https://chromewebstore.google.com/detail/nullstack-devtools/jbeglhfidlkdojonbjobjpbbjmjlhgjg
説明	Frontend Developer Tools for Nullstack
ファイルサイズ	743 KB
インストール数	12
現在のバージョン	0.2
最終更新日	2021-10-01
公開日	2021-10-01
開発者	acneidert
Eメール	[email protected]
支払い方法	free
拡張機能のウェブサイト	https://github.com/acneidert/devtools
ヘルプページのURL	https://github.com/acneidert/devtools/issues
対応言語	pt-BR
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "Nullstack Devtools", "version": "0.2", "description": "Frontend Developer Tools for Nullstack", "author": "acneidert[at]gmail.com", "devtools_page": "main.html", "permissions": [ "activeTab", "scripting" ], "content_scripts": [ { "matches": [ "" ], "js": [ "contentscript.js" ], "run_at": "document_end" } ], "host_permissions": [ ":\/\/\/*" ], "background": { "service_worker": "background.js" }, "icons": { "72": "img\/icons\/icon-72x72.png", "96": "img\/icons\/icon-96x96.png", "144": "img\/icons\/icon-144x144.png", "128": "img\/icons\/icon-128x128.png" } }