Sometimes it is useful or necessary to be able to debug what an application looks like from the inside. Although the CSS Spy works in the Eclipse instance, it doesn't have any effect on the launched Eclipse 4 application. In order to use the spy in a runtime application, a number of bundles need to be added.
.product
file and switch to the Contents tab, which lists the plug-ins required by the product.org.eclipse.e4.tools.css.spy
plug-in to the product.orange
or #ff00ff
.By adding the CSS Spy and the E4 Spies package to the application, the keyboard shortcuts and handlers to open the window were automatically added to the application. Now when the application is run, the developer can introspect the style of the application and observe effects to verify that the CSS styles are being applied correctly, such as the DireWarningMessage
CSS class used here.
The CSS Spy can also be used to translate the current style of the user interface into a stylesheet, which can be used to update or fix rules elsewhere, and interactively changing values through the CSS properties can provide a way to debug content dynamically.
It is expected that end-user applications will not ship with the E4 Spies bundled with the application. If they are added for testing purposes, they should be removed from the application that is published to reduce the size of the application and to limit the likelihood of accidentally opening the spies window.
3.133.138.134