2009-05-24 114 views
4

我需要查看GWT應用程序的組件樹。 DOM樹也可以接受。不幸GWT託管瀏覽器不提供訪問devToolbar。GWT/GXT調試控制檯

我發現的唯一方法是編譯爲JavaScript,然後使用常規瀏覽器。但彙編需要大量的時間。

ExtJS有Debug Console,但我無法爲GXT找到類似的東西。

請建議您調試可視化GWT應用程序的方式。

回答

1

正常情況下,人們會使用IDE調試器來瀏覽GWT代碼。但如果問題是一個CSS /樣式問題(從問題的聲音來看似乎是這樣),那麼這可能不會有幫助。

我想編譯它,並使用螢火蟲是唯一的嘗試和真正的方式爲CSS問題。

+0

隨着調試器,我可以看到我已經添加面板內容的容器板,但沒有在屏幕上改變。我試圖repaint(),重新計算()(都來自GXT),都沒有幫助。 – 2009-05-24 09:18:02

0

爲什麼編譯成(漂亮)JavaScript需要這麼多時間?我不認爲它應該。也許你應該禁止編譯不相關的瀏覽器(與調試無關),從而大大縮短編譯時間。

+0

它需要60秒,我使用的IDEA和大部分時間顯示「加載繼承模塊」。我有GXT和兩個自定義繼承模塊。 – 2009-05-24 09:16:18

0

一個想法是通過在開發過程中減少排列(每個瀏覽器的不同版本)來縮短編譯時間。

在你的module.gwt.xml中強制用戶代理,例如gecko1_8(Firefox 2)。

<!-- User Agent --> 
<set-property name="user.agent" value="gecko1_8" /> 

如果您使用的是i18n,還可以限制開發過程中使用的語言環境。

4

是的,我只是想今天FireBug + GWT。如果您喜歡冒險,可以查看GWT 2.0的構建版本,其中可以使用Out Of Process託管模式,讓您在FireFox或其他瀏覽器中進行調試。設計:託管模式

的GWT源進程外的是這裏http://google-web-toolkit.googlecode.com/svn/branches/

我個人,因爲我一直聽說2.0「關閉」都打不痛閾建設這個尚未

+0

目前的GWT中繼OOPHM運作得非常好。特別是使用Firefox。來自我的+1對此。 – 2009-09-24 08:53:27

2

這不是一個與Firebug相同的調試器,但GWT日誌控制檯對於瞭解JavaScript中發生的事情非常方便。

請參見:http://code.google.com/p/gwt-log/