根据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程序变得方便了很多,