styletron-devtools
Inspect styletron styles
What is styletron-devtools?
styletron-devtools is a Chrome extension developed by https://styletron.org, and its main feature is "Inspect styletron styles".
Extension Screenshots
Download styletron-devtools Extension CRX File
Download styletron-devtools 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
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+.
Extension Basic Information
Name | styletron-devtools |
ID | bmjdkiphkpkjkicjjgelklhkpbpfiogb |
Official URL | https://chromewebstore.google.com/detail/styletron-devtools/bmjdkiphkpkjkicjjgelklhkpbpfiogb |
Description | Inspect styletron styles |
File Size | 12.69 KB |
Installation Count | 138 |
Current Version | 0.1.0 |
Last Updated | 2019-06-12 |
Publish Date | 2019-06-12 |
Rating | 5.00/5 Total 1 Ratings |
Developer | https://styletron.org |
Payment Type | free |
Extension Website | https://www.styletron.org |
Help Page URL | https://www.styletron.org |
Supported Languages | 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" } |