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.
Open the
.product
file and switch to the Contents tab, which lists the plug-ins required by the product.Click on Add... and select both the
org.eclipse.e4.tools.css.spy
plug-in to the product.Click on the run button at the top of the product to launch with the new bundles.
Press Alt + Shift + F5 to open the CSS Spy, and select the danger label in the application:
The bottom of the CSS Spy shows the current CSS properties...