如何在使用GWT时调试CSS

Question

当使用GWT中的ClientBundle时，由于CSS类名被混淆，你们如何调试CSS？我正在使用一个CellTable，有些行有多达4-5个类名。

有没有一种方法可以在某个CSS文件中@export所有这些类？我不想显式地导出它们，即使是通过自动提取类名的方式。也许只能作为最后的手段。

谢谢！

- Ionuț G. Stan

---

应该有一个构建属性，可以更清晰地显示CSS属性，或者我听说过。我想这是在其中一个视频中，他们谈论GWT和Google Wave以及他们的经验。最后有人问了这个问题，他告诉他关于“标志”。如果你找到了，请发布它 :) - Stefan

Answer 1

在您的 gwt.xml 文件中，

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

请参阅 CssResource 文档，网址为 http://code.google.com/p/google-web-toolkit/wiki/CssResource#Levers_and_Knobs

- BobV

---

有没有一种方法可以在不创建额外的gwt.xml文件的情况下仅在开发模式下启用此属性？ - Ionuț G. Stan

没有自动切换到开发模式和生产模式的方式。 - BobV

Answer 2

对于那些在谷歌上找到这篇文章的人，我刚刚创建并发布了一个跨浏览器工具，可以通过移动鼠标来可视化您的HTML / CSS布局。您可以像平常一样在页面上移动时，可视化元素并查找问题。

HTML Box Visualizer - GitHub

- Gabriel McAdams