如何獲取GWT控制檯/開發模式生成css錯誤？

Question

我注意到當運行GWT時，它不會提醒我css錯誤，比如缺少/拼寫錯誤的類。即使是Firefox的錯誤控制檯也不會提示任何事情。

我正在爲我的web應用程序進行相當密集的皮膚處理，需要一種方法來顯示css錯誤，我可以嘗試的任何建議？

在此先感謝。

Answer 1

爲了讓GWT報告任何CSS錯誤（拼寫錯誤/缺少類名），您需要通過CssResource（請查看the docs瞭解使用示例等）將您的CSS包含在GWT項目中。如果您使用的是UiBinder，則您在UiBinder的XML文件中聲明的所有CSS都會自動轉換爲CssResources，因此您也可以從中獲益（此外，Google Plugin for Eclipse可以在拼寫錯誤/缺少類名的情況下獲得很好的紅色下劃線，就像你對其他Java錯誤所做的一樣）。

但是，請注意，CssResource在默認情況下混淆了您的樣式名稱，因此可能需要一些工作來重構項目以將其考慮在內（再次參見the docs以獲得更詳細的閱讀）。