如何检查 gwt 屏幕？

Question

GWT 屏幕由小部件的层次结构组成，每个小部件由各种应用程序类实现。为了维护（添加/更改）这些屏幕，需要了解其结构，即发现哪个屏幕元素由哪个 Widget 实现呈现。

目前，我正在尝试在查看屏幕的 DOM 结构时读取“可疑”类源。

我正在寻找一种工具或方法来帮助发现哪个 Widget 类呈现特定的屏幕元素。

这样的工具会监控鼠标在屏幕上的位置，并提供悬停元素的类名（例如，在工具提示中）。

或者，我很乐意找到一种允许添加通用鼠标事件处理程序的编程方法，这是 RootPanel 最需要的，进一步显示当前悬停元素的类名。

Answer 1

不幸的是，AFAIK，目前还没有这样的 GWT 工具（如果有的话会更高兴）。

与browser side 一样，没有可用的与class files of java 相关的信息，因为它已编译为javascript。

那么，解决办法是什么？

虽然非常普遍和传统。

1)正确的命名约定

2)正确的package structure

3) 文档等 ...

Answer 2

查看GWT-Instrumental 项目，了解如何实现此目的的示例。这不是一个新项目，可能需要更新才能在某些情况下正确使用，但似乎可以很好地与 GWT 2.4 和 GWT 2.5.1 项目一起使用。 Inspector 小书签/说明可在http://gwt-instrumental.googlecode.com/svn/latest/inspectorwidget/index.html 找到。

这与您所描述的完全不同，但可以相当简单地进行修改。它的作用是：

• 启动（或刷新）时，查看页面上的每个元素，以查看可能引用的小部件、它具有哪些 css 类、它具有什么 id 以及其中沉没的 DOM 事件。
• 展开时，会在正文中呈现一个类似于萤火虫的 DOM 元素树，以及上面提到的细节
• 当用户将鼠标悬停在树中的某个元素上时，会在页面上该项目的绘制位置绘制一个黄色叠加层，以便您找到它。