Illuminations 2.0.2016.312 CRX for Chrome
A Free Developer Tools Extension
Published By www.illuminations-for-developers.com
Illuminations (hbhnkfhblakpfhcpepeoogmakimflibk): Illuminating the web, one framework at a time... see how the web really works!... Read More > or Download Now >
Illuminations for Chrome
Tech Specs
- • Type: Browser Extension
- • Latest Version: 2.0.2016.312
- • Price: Freeware
- • Offline: No
- • Developer: www.illuminations-for-developers.com
User Reviews
- • Rating Average
- 4.4 out of 5
- • Rating Users
- 5
Download Count
- • Total Downloads
- 15
- • Current Version Downloads
- 12
- • Updated: March 13, 2016
Illuminations is a free Developer Tools Extension for Chrome. You could download the latest version crx file or old version crx files and install it.
More About Illuminations
A browser extension that takes JavaScript frameworks and makes their internals visible, including views, models, class names, and more.
Element Highlighting
Now, when you hover the mouse over a widget or view, it will highlight the component on the page. It shows you exactly what that object is all about.
Contextual Menu
When you right click on an element in Chrome, it adds an "Inspect" menu item to open the DevTools and bring you to that element in the Elements panel. Illuminations does the same sort of thing, but tries to find the best match: ideally some sort of UI widget, else an Element or jQuery object.
Illumination Panel
There is a new panel added to Chrome DevTools called Illuminations. This Illuminations panel is the place to inspect framework objects: Widgets/Views, Data (stores, collections, records, fields), and Elements. These views show the hierarchical structure of your code. It really takes some playing around with all of the above to get a feel of how useful and fun debugging can be again.
Side panels include Properties (sorted by the object that defined the property) and Docs that will bring up documentation for the component you are looking at!
And whatever you click on can be found in the $l variable in the console -- which is awesome if all the references to that object are hidden in JavaScript closures!
Element Highlighting
Now, when you hover the mouse over a widget or view, it will highlight the component on the page. It shows you exactly what that object is all about.
Contextual Menu
When you right click on an element in Chrome, it adds an "Inspect" menu item to open the DevTools and bring you to that element in the Elements panel. Illuminations does the same sort of thing, but tries to find the best match: ideally some sort of UI widget, else an Element or jQuery object.
Illumination Panel
There is a new panel added to Chrome DevTools called Illuminations. This Illuminations panel is the place to inspect framework objects: Widgets/Views, Data (stores, collections, records, fields), and Elements. These views show the hierarchical structure of your code. It really takes some playing around with all of the above to get a feel of how useful and fun debugging can be again.
Side panels include Properties (sorted by the object that defined the property) and Docs that will bring up documentation for the component you are looking at!
And whatever you click on can be found in the $l variable in the console -- which is awesome if all the references to that object are hidden in JavaScript closures!
