Solid Devtoolsとは何ですか？

Solid Devtoolsはthetarnavによって開発されたChromeの拡張機能で、その主な機能は「Chrome Developer Tools extension for debugging SolidJS applications.」です。

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

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

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

拡張機能の使用方法

🚧 In early development. 🚧

It allows for visualizing and interacting with Solid's reactivity graph, as well as inspecting component state and hierarchy.

⚠️ IT REQUIRES A RUNTIME DEBUGGER LIBRARY TO WORK! ⚠️

The debugger is not bundled in with SolidJS at the moment, as the project is in early development and requires frequent changes.

See the guide on how to install it:
https://github.com/thetarnav/solid-devtools/tree/main/packages/extension#getting-started

拡張機能の基本情報

名前	Solid Devtools
ID	kmcfjchnmmaeeagadbhoofajiopoceel
公式URL	https://chromewebstore.google.com/detail/solid-devtools/kmcfjchnmmaeeagadbhoofajiopoceel
説明	Chrome Developer Tools extension for debugging SolidJS applications.
ファイルサイズ	120 KB
インストール数	3,152
現在のバージョン	0.29.2
最終更新日	2023-11-20
公開日	2022-08-16
評価	5.00/5 合計 8 レビュー
開発者	thetarnav
Eメール	[email protected]
支払い方法	free
拡張機能のウェブサイト	https://github.com/thetarnav/solid-devtools/tree/main/packages/extension#readme
ヘルプページのURL	https://github.com/thetarnav/solid-devtools/issues
対応言語	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "Solid Devtools", "description": "Chrome Developer Tools extension for debugging SolidJS applications.", "homepage_url": "https:\/\/github.com\/thetarnav\/solid-devtools", "version": "0.29.2.0", "version_name": "0.29.2", "author": "Damian Tarnawski", "minimum_chrome_version": "94", "devtools_page": "devtools\/devtools.html", "content_scripts": [ { "js": [ "assets\/content.ts-loader-177580b6.js" ], "matches": [ ":\/\/\/" ], "run_at": "document_start" } ], "background": { "service_worker": "service-worker-loader.js", "type": "module" }, "permissions": [], "action": { "default_icon": { "16": "assets\/icons\/solid-gray-16.png", "32": "assets\/icons\/solid-gray-32.png", "48": "assets\/icons\/solid-gray-48.png", "128": "assets\/icons\/solid-gray-128.png" }, "default_title": "Solid Devtools", "default_popup": "popup\/popup.html" }, "icons": { "16": "assets\/icons\/solid-normal-16.png", "32": "assets\/icons\/solid-normal-32.png", "48": "assets\/icons\/solid-normal-48.png", "128": "assets\/icons\/solid-normal-128.png" }, "web_accessible_resources": [ { "matches": [ ":\/\/\/" ], "resources": [ "assets\/bridge-03dfb3bb.js", "assets\/AJRIPJTI-bb0fff76.js", "assets\/detector.ts-ca0eb97c.js", "assets\/debugger.ts-fea24b99.js", "assets\/index-680dd821.js", "assets\/web-46e89663.js", "assets\/content.ts-c0b44e92.js" ], "use_dynamic_url": true } ] }