Flex Builder 2的调试——trace篇

安装好Flex Builder 2后,该怎样调试程序呢?调试程序最简单了就是用trace命令了,这和我们在Flash中用trace命令差不多,最终跟踪结果显示在输出窗口中。

一、透视图。

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

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

二、trace命令

1. 启动调试。单击[Debug Tracing]按钮即可。

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

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

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
    backgroundColor="#eeeeee"> 
    <mx:Script> 
        <![CDATA[ 
            import mx.controls.Alert; 
          
            private function simpleTrace():void 
            { 
                trace("正在运行Flex程序"); 
                Alert.show("Simple Trace complete", "Debug Message"); 
            } 
          
            private function doLoop():void  
            { 
                for (var i:int = 1; i<10; i++) 
                { 
                    trace("i的值等于"+i); 
                } 
                Alert.show("Looping is complete", "Debug Message"); 
            } 
              
            private function doDynamic():void 
            { 
                var firstName:String="Flying"; 
                var lastName:String="Li"; 
                trace("我的英文名字叫"+firstName+" "+lastName); 
            } 
        ]]>
    </mx:Script> 
    <mx:Button label="Simple Trace" click="simpleTrace()"/> 
    <mx:Button label="Dynamic Trace" click="doDynamic()"/> 
    <mx:Button label="Looping Trace" click="doLoop()"/> 
</mx:Application>

发表评论