Flex测试工具MonsterDebugger详解

 

根据3W（what、why、how）的思路，现在讲一下MonsterDebugger这个Flex/Air程序的调试工具。

 

1.什么是MonsterDebugger？（what）

 

    De MonsterDebugger是一款由De Monsters工作室基于Flex,AIR技术开发的代码调试器。这个调试工具开源免费，你可以用这个调试器来调试基于Flash,Flex,AIR的应用程序。

      官方网站： http://www.demonsterdebugger.com/

 

2.为什么要用MonsterDebugger？（why）

 

   他的特性包括：

 

       1. 动态修改应用程序属性：你是不是为了追求最佳效果，而反复于修改源码中的一个属性，然后编译，运行查看效果，再调整，再编译，再运行查看.... 有了这个功能，你就能实时调试你的程序。只需要修改一下内存变量，就可以立即体现出你想要的效果。(比如width或者x等)

 

       2. 增强的trace功能，使用flash自带的trace功能时，只能trace一些简单类型，这里的trace具有增强的功能，可以让你trace一个数组，对象，XML等(将数组,对象的具体内容trace出来)。而且，你还可以自定义不同的颜色输出trace内容。

 

       3. 方法测试：如果你有一个方法，接受一个参数或者几个参数，你可以直接通过这个debugger，单独运行这个方法，方法的返回结果如果是对象，会以树形结构显示出来。

 

       4. 使用简单： 仅需要导入类库：

import nl.demonsters.debugger.MonsterDebugger;

   并且使用 ：

debugger = new MonsterDebugger(this); MonsterDebugger.trace(this, “Hello World!”)

 

3.如何使用MonsterDebugger调试Flex程序？（how） 

 

    1>如何安装MonsterDebugger

 

        1.下载MonsterDebugger安装程序，官方网：http://www.demonsterdebugger.com/

        2.下载并安装AIR运行环境，（因为MonsterDebugger是一个Air桌面应用调试软件）

        3.安装MonsterDebugger

 

     2>如何使用MonsterDebugger

 

        1.首先启动 De MonsterDebugger，界面如下（注：下面在Help->Help->Example: Flex 中也有详细的介绍）

 

          2.通过De MonsterDebugger导出我们在Flex工程中需要的as类文件。File->Export Client Class

            

 

          3.在弹出框中选择Flex项目的根目录

            
            

         4. 回到Flex工程中，我们看到多了一个nl文件夹，上一步导出的类就在这个包中。

 

           
                  
        
          5. 此时在Flex工程中加入如下代码

	<mx:Script>
		<![CDATA[
		
		// Import the debugger
		import nl.demonsters.debugger.MonsterDebugger;
		
		// Variable to hold the debugger
		private var debugger:MonsterDebugger;
		
		private function init():void
		{
			// Init the debugger
			debugger = new MonsterDebugger(this);
			
			// Send a simple trace
			MonsterDebugger.trace(this, "Hello World!");
		}
		]]>
	</mx:Script>

 

            注：主要代码有  import nl.demonsters.debugger.MonsterDebugger;

                                 private var debugger:MonsterDebugger= new MonsterDebugger(this);

                                 MonsterDebugger.trace(this, "Hello World!");

 

            6.运行代码，在De MonsterDebugger中显示程序的Flex程序的信息。

 

使用 De MonsterDebugger 调试Flex程序变得方便了很多，