How to debug CSS when using GWT

How do you guys debug CSS when using ClientBundles in GWT given that CSS class names are obfuscated. I'm using a CellTable and some rows have up to 4-5 class names.

Is there a way to @export all these classes in a certain CSS file? I don't want to explicitly export them all, even with an automated way of ex开发者_高级运维tracting the class names. Maybe, just as a last resort.

Thanks!

In your gwt.xml file,

<set-configuration-property name="CssResource.style" value="pretty" />

See the CssResource docs at http://code.google.com/p/google-web-toolkit/wiki/CssResource#Levers_and_Knobs

For those who find this on Google, I just created and released a cross browser tool that allows you to visualize your HTML / CSS layout just by moving the mouse. You can visualize your elements and find problems as you move around the page as usual.

HTML Box Visualizer - GitHub