基于tInspector制作了Firefox的扩展FlashInspector。目前版本是0.1.1.b

做网页设计的时,开始用上Firefox浏览器,开始用Firebug。如果你是个网页开发人员,那么你一定熟知Firefox上的Firebug,一直希望Firefox上能有一个扩展,可以像Firebug查看网页内容那样,简单方便查看Flash里面的东东。现在,这个小想法实现了。

FlashInspector没有在MacLinux环境上测试过(因为我没装这两个系统啊T_T),所以我在发布时限定为针对Windows平台。

附介绍视频,声音真是杯具……

Get Adobe Flash player

tInspector

tInspector 1.1 beta没有更能上的增加,仅添加了IInspector接口,方便各个功能模块化。方便开发者自己编写功能面板。


Get Adobe Flash player

希望tInspector对你有用:)

tInspector

tInspector 1.0.6.5 主要增加了InspectorFilterManager类的界面支持。现在可以方便的设定查看对象的类型。比如你可以设定鼠标在查看时只查看Sprite类型。

tInspector设置查看类型

如上图所示,就是“设置查看类型”面板。

以下面的demo为例,单击鼠标右键打开操作菜单,点击“设置查看类型”以打开查看类型的设置面板。tInspector的默认查看类型是flash.display.DisplayObject,即所有的显示对象。然后把鼠标移动到绿色的圆形上并单击,在出现的操作条上单击“设置为查看类型”,可以看到面板上也相应增加并选中了flash.display.Shape,接下来在移动鼠标时只会查看Shape类型的显示对象。


Get Adobe Flash player

tInspector 1.0.6.5还修改了Inspector.initInspector.turnOn方法,之前的Inspector.init的参数移动到了Inspector.turnOn上。

tInspector 1.0.6.5对整个程序的结构也进行了较大的修改,修正了之前存在的一些问题,如果你正在使用tInspector十分建议下载最新的源码包更新下。
希望tInspector对你有用:)

下载、设置tInspector

你可以在tInspectortInspector on Google Code主页上,下载到tInspector的代码。目前的版本是tInspector 1.0.4.5.zip,下载完成解压缩包,然后把tInspector/src目录的路径添加到Flash、FDT、Flex Builder……的类路径下。

解压tInspector代码压缩包:

新建一个.fla文件,打开“发布设置”,在Flash IDE里把tInspector/src目录添加到类路径中,同时建议去掉“警告模式”勾选(并不会影响编译的正确性,而且会编译得更快。另外,tInspector里面的代码有很多类似onMouseDown的写法,这些在Flash的编译器会被提出“警告”-_-!)。

使用tInspector

在刚新建的fla里面随便画个圆,设置个文档类,在类里面添加如下的代码:

你应该会看到大概这样的效果:

Get Adobe Flash player

把鼠标移到绿色圆形上面,会有红色的矩形框,按下鼠标就会看到操作条,试试那几个按钮有什么效果吧。
如果你要关掉tInspector,那么在swf中,点击鼠标右键,然后”Inspector off”吧。

大多数时候,你只需要写这句代码:

Inspector.init函数带了5个参数:

tInspector

tInspector 1.0.4.5 主要增加了InspectorOutPuterManager类,用于自定义信息的输出(Outputer)。

tInspectorOutPuterManager

如上图所示,如果你想自定义图中黄色框、红色框标出的信息显示,那么你可以通过设置Inspector.structureView.outputerManagerInspector.liveInspectView.outputerManager来实现,structureView和liveInspectView都扩展自BaseInspectorView。

以下面的demo为例,tInspector在查看PushButton时显示PusPushButton.label属性

Get Adobe Flash player

过几日来会写些tInspector的教程,详细介绍这些用法。