Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/eugabrielsilva/reactables-watcher
Glowie Reactables inspector panel for Google Chrome
https://github.com/eugabrielsilva/reactables-watcher
chrome-extension glowie inspector
Last synced: about 2 months ago
JSON representation
Glowie Reactables inspector panel for Google Chrome
- Host: GitHub
- URL: https://github.com/eugabrielsilva/reactables-watcher
- Owner: eugabrielsilva
- License: mit
- Created: 2023-01-16T01:40:34.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-10-15T23:23:42.000Z (about 1 year ago)
- Last Synced: 2023-10-16T19:41:25.205Z (about 1 year ago)
- Topics: chrome-extension, glowie, inspector
- Language: JavaScript
- Homepage: https://eugabrielsilva.tk/glowie/reactables
- Size: 24.4 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Reactables Watcher
Reactables Watcher is an extension for **Google Chrome** that lets you inspect every property from all [Glowie Reactables](https://github.com/glowieframework/glowie-reactables) components used in a webpage.The inspector panel updates property values whenever your component is refreshed.
### Features
- Inspect component properties/models in real-time
- Highlight component elements in the DOM
- Quickly see components ids and names
- Tree view of component data### How to use
Open a webpage that uses Reactables, then click the extension icon in the browser menu. You can toggle the panel visibility by clicking the extension icon again. If you hover a component name, its element will be highlighted in the page (if visible). If you hover a component element in the DOM, its title will also be highlighted in the inspector panel.### Demo
### Credits
Developed by [Gabriel Silva](https://eugabrielsilva.tk), inspired by [ng-inspector](https://github.com/rev087/ng-inspector).\
Special thanks to [Pavlo Hrabovets](https://github.com/pgrabovets/json-view) for the json-view library.