GWTとChrome

これはGWTで開発しているアプリケーションをChromeで実行した後にChromeの「デベロッパーツール」を起動して、HTML要素を検証しているスクリーンショットだ。

GWTはJavaコードからJavascriptコードを生成して様々な機能を実現しているが、肝心のスクリプトコードはエントリポイントとなるHTMLから一切見えずに動的に挿入される。従ってブラウザでHTMLを表示しただけでは何が動作しているのかは全く判らない。

別にChromeに限ったことではないが、このように現在動作しているHTMLとそのスクリプト、そして参照されているCSSをリアルタイムで解析するツールがないとGWTの根っこの部分のデバッグは難しいと思う。