原文：http://www.codeo4.cn/archives/554
作为一个WEBGAME的前端开发人员，甚至是flash开发人员，当你在写界面的时候，由于没有像flex那样的可视化界面设计，要在纸上算好x,y的值还有宽度和高度然后写到代码里之后按F11看效果，这样的工作十分痛苦，有时候就因为一两个象素的差距就要来回不停地F11，F11、 ，F11、 ，F11、 ，F11、 ，F11……一天中的生命就浪费在F11上了。现在苦逼的AS程序员的福音来了，它就是monsterdebugger！
monsterdebugger是一个开源的Flex运行时调试器，不仅可以查看trace输出，还能以树型结构显示组件模型，并浏览每个组件的属性值，还可以在运行时动态修改属性的值，允许运行时调用组件的某些方法。这样我们就可以在F11之后直接在monsterdebugger里修改相应的数值观看效果了，免除你一天N+1次的F11。那么这个东西怎么用呢？
1. 在 http://www.demonsterdebugger.com/ 下载 MonsterDebugger最新版 (需要先安装AIR Runtime)，我写这篇文章的时候版本是3.02
2. 将MonsterDebuggerV3_02.air安装到硬盘里，并启动此程序
3. 选 File > Export SWC 指定输出路径到你想放的位置，哪里都可以，不过最好是放在你的项目相关的位置，假设我放在D盘：D:\debug
4.在项目中加入这个SWC文件，在flashbuilder中的操作为：右击项目-属性-ActionScript构建路径-添加SWC，然后选择刚才导出的SWC文件然后确定。
5.在你要调试的代码中加入以下代码：
先是导入相关的包
import com.demonsters.debugger.MonsterDebugger;
然后是在类的构造函数加入这一行：
MonsterDebugger.initialize(this);
在确保程序没有错误之后就可以在flashbuilder上按F11了，这时候MonsterDebugger如果是打开的话就会把正在运行的浏览器中的项目和flashbuilder联系起来了。可以看一下运行的效果图：
你可以在左边的显示树那里找到相对应的元素，然后在右边去修改相就在的数据，然后看浏览器，就会动态地修改好了。
有关于更详细的用法，可以看以下的视频来加强：