技术分享 如何使用trace命令进行FlexBuilder2调试

本文和大家重点讨论一下如何使用trace命令进行FlexBuilder2调试，安装好FlexBuilder2后，调试程序就要用到trace命令了，这和我们在Flash中用trace命令差不多，最终跟踪结果显示在输出窗口中。

使用trace命令进行FlexBuilder2调试

安装好FlexBuilder2后，该怎样调试程序呢？调试程序最简单了就是用trace命令了，这和我们在Flash中用trace命令差不多，最终跟踪结果显示在输出窗口中。
tips:需要安装带debug功能的flashplayer9以上版本。

一、透视图

1.首先，FlexBuilder2有让更多透视图，程序调试是在调试透视图是进行的。新建一个Flex工程时，默认的是开发透视图，要切换到调试透视图，选择Windows>Perspective>FlexDebugging，或者单击工具栏的[OpenPerspective]按钮，选择[FlexDebugging]即可。你甚至可以拖动它们自由停靠。

2.调试透视图由调试窗口、变量窗口、断点窗口、表达式窗口以及控制台窗口组成。FlexBuilder2调试窗口上部是一些控制调试按钮，窗口中间显示当前调试的程序。控制台窗口上部也有一些控制调试和控制台命令的按钮。这节课我们主要结合控制台窗口讲一讲怎样利用trace命令对程序进行跟踪。

二、trace命令

1.启动FlexBuilder2调试。单击[DebugTracing]按钮即可。

2.结束FlexBuilder2调试。打开调试Web浏览器窗口以前，控制台窗口和调试窗口上部[Terminate]按钮是不可用的。当浏览器窗口打开后，它们就被激活了，单击它们即可终结调试进程，我们也可以通过关闭Web浏览器窗口来结束调试。

3.查看FlexBuilder2调试结果。调试结束后，就可以在控制台窗口中查看调试结果了。哪怕是没有任何附加代码，FlexBuilder至少可以返回被调试程序编译成swf文件后的大小。看下面代码：

 
 
 

  
  
  
<?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  
  
  
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
  
  
  
layout="vertical" 
  
  
  
backgroundColor="#eeeeee"> 
  
  
  
<mx:Script> 
  
  
  
<![CDATA[  
  
  
  
importmx.controls.Alert;  
  
  
  
 
  
  
  
privatefunctionsimpleTrace():void  
  
  
  
{  
  
  
  
trace("正在运行Flex程序");  
  
  
  
Alert.show("SimpleTracecomplete","DebugMessage");  
  
  
  
}  
  
  
  
 
  
  
  
privatefunctiondoLoop():void  
  
  
  
{  
  
  
  
for(vari:int=1;i<10;i++)  
  
  
  
{  
  
  
  
trace("i的值等于"+i);  
  
  
  
}  
  
  
  
Alert.show("Loopingiscomplete","DebugMessage");  
  
  
  
}  
  
  
  
 
  
  
  
privatefunctiondoDynamic():void  
  
  
  
{  
  
  
  
varfirstName:String="Flying";  
  
  
  
varlastName:String="Li";  
  
  
  
trace("我的英文名字叫"+firstName+""+lastName);  
  
  
  
}  
  
  
  
]]> 
  
  
  
</mx:Script> 
  
  
  
<mx:Buttonlabelmx:Buttonlabel="SimpleTrace"click="simpleTrace()"/> 
  
  
  
<mx:Buttonlabelmx:Buttonlabel="DynamicTrace"click="doDynamic()"/> 
  
  
  
<mx:Buttonlabelmx:Buttonlabel="LoopingTrace"click="doLoop()"/> 
  
  
  
</mx:Application> 
 
 
 

【编辑推荐】

1. Flex页面跳转实现的几种方式
2. FlexBuilder4十大新特性闪亮登场
3. Flex框架中Cairngorm和Mate的优点大比拼
4. FlexBuilder3.0与Eclipse3.4的完美结合
5. 解析Flex应用开发步骤 新特性和技术框架