styletron-devtoolsとは何ですか？

styletron-devtoolsはhttps://styletron.orgによって開発されたChromeの拡張機能で、その主な機能は「Inspect styletron styles」です。

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

styletron-devtools拡張機能のCRXファイルをダウンロード

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

拡張機能の使用方法

Adds a new panel into your devtools to help you inspect elements styled by Styletron (works only when your application is built with NODE_ENV=development). Styletron is an universal toolkit for component-oriented styling. It falls into the CSS in JS category. It outputs performant Atomic CSS. However, that can be hard to debug since every rule lives in its own class. This extension adds a new panel that nicely merges styles into a single list. This feature works with styletron-react v5.1+ and styletron-engine-atomic v1.3+.

拡張機能の基本情報

名前	styletron-devtools
ID	bmjdkiphkpkjkicjjgelklhkpbpfiogb
公式URL	https://chromewebstore.google.com/detail/styletron-devtools/bmjdkiphkpkjkicjjgelklhkpbpfiogb
説明	Inspect styletron styles
ファイルサイズ	12.69 KB
インストール数	138
現在のバージョン	0.1.0
最終更新日	2019-06-12
公開日	2019-06-12
評価	5.00/5 合計 1 レビュー
開発者	https://styletron.org
支払い方法	free
拡張機能のウェブサイト	https://www.styletron.org
ヘルプページのURL	https://www.styletron.org
対応言語	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "styletron-devtools", "version": "0.1.0", "manifest_version": 2, "description": "Inspect styletron styles", "icons": { "16": ".\/icons\/16x16.png", "48": ".\/icons\/48x48.png", "128": ".\/icons\/128x128.png" }, "permissions": [], "devtools_page": "devtools_page.html" }