webgame前端开发必备利器:monsterdebugger

 作为一个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联系起来了。可以看一下运行的效果图:

你可以在左边的显示树那里找到相对应的元素,然后在右边去修改相就在的数据,然后看浏览器,就会动态地修改好了。

有关于更详细的用法,可以看以下的视频来加强:

更多更高级更好用的功能我还没有探索出来,等以后有了更好的应用技巧,再跟大家一起分享,希望读者也可以和我分享。



如果我的文章能帮助到你我会非常高兴。你的支持是对我的认可,将会大大地鼓励我写更多的文章,哪怕只给我一毛钱:-)

期待您的捐赠
Thanks for donation

沙发被抢了,赶快抢前排!

  1. Yuan Yuan 2012-08-28 07:28

    路过,原来是给 flasher 用的

    回复

发表评论

带 * 的是必填项目,电子邮件地址不会被公开。
文字的交流也是情感的交流,技能的交流也是学术的交流。

无觅相关文章插件,快速提升流量