检查Flex中的UI元素

Question

Flex应用程序是否有可用于Web Developer或Firebug工具栏的工具来检查UI元素？

基本上在复杂的UI控件层次结构中，您可以浏览元素并查看x和y坐标，宽度，高度，id等属性。

我对可以在运行时执行此操作的工具感兴趣，因为大多数属性都是动态的。

Answer 1

您也可以尝试FlexSpy。与De MonsterDebugger（看起来也不错）不同，您不需要安装AIR。它没有那么多，但肯定允许您实时查看组件的属性（并更改其中的一些）。它易于使用：

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
  ...
  <mx:Script>
    <![CDATA[
      import com.flexspy.FlexSpy;
    ]]>
  </mx:Script>
  ...
  <mx:Button id="btnFlexSpy" label="FlexSpy" click="FlexSpy.show()" />
  ...
</mx:Application>

看起来像这样：

alt text http://coderpeon.ovh.org/wp-content/110507-0844-flexspy111.png

Answer 2

我听说过有关“Kap Inspect”的好消息，但我个人并没有使用它。他们在自己的网站上有一个演示。

Answer 3

看看http://www.demonsterdebugger.com/

您必须添加一些额外的代码，但这很容易做，并为您提供丰富的信息。适用于Flex，AIR和Flash。