`

Flex 调试总结

阅读更多

利用Flashbug插件查看AMF数据

http://developer.51cto.com/art/201105/261480.htm

    一、什么是AMF

    AMF是Flash与服务器进行通信的一种编码格式(为了方便理解,你可以暂时把它理解为与XML相似的技术),但它是以二进制数据进行传输的,客户端采用POST形式进行数据提交,它的最大特色是可以直接传输复杂的数据类型,比如数组、普通对象、日期对象等,而且可以对传输的数据进行压缩以提高传输速率,另外结合Flash Remoting网关(FluorineFx、amfphp、OpenAMF),通过远程过程调用(RPC)可以在客户端方便调用服务器定义的公开方法并得到返回的数据。

    所以它的设计是为了提高数据传输速率,提高开发效率的,目前在一些基于Flash开发的大型网页游戏中都能找到它的踪影。本文讲解一个有关AMF插件工具的使用,一方面是为了方便开发测试,另一方面也是希望通过此工具了解基于AMF开发的成功网站的通讯数据。

    二、什么是Flashbug

    Flashbug是Firefox(火狐)浏览器的一个插件,而且它是架构于Firefox另外一个知名插件Firebug之上的。这个插件用于查看网页中的Flash trace输出的信息以及与服务器之间的通信情况,另外支持查看基于AMF通信方式架构程序与服务器通信的数据(因为AMF是二进制传输的,所以不借助工具只能看到一堆乱码)。

    三、Flashbug安装环境与安装方法

    Flashbug作为Firefox的一种插件,它的安装文件是标准xpi后缀的,如果已下载这个文件,可以直接拖动到打开的Firefox浏览器窗口开始安装,也可以直接访问Firefox插件网站,直接找到这个插件详情页,然后点击旁边的“添加到Firefox”按钮开始下载安装。

    因为Flashbug是基于Firebug的,所以要先安装Firebug插件,而且为了能使用上AMF检视功能,还要安装较高版本的Firebug,要安装高版本的Firebug通常也意味着要使用较高版本的Firefox浏览器,为了方便起见,建议一次把所有配置升级到最新版本。

    另外要想利用Flashbug看到Flash中trace输出的信息,还得给Firefox安装Debug版本的Flash播放器。

    四、Flashbug使用方法

    Flashbug使用方法非常简单,通过Firefox“工具”栏,或者点击“状态栏”右侧甲壳虫图标打开Firebug窗口,点击切换到“Flash Console”标签,就可以看到网页Flash的trace输出信息,还有Flash请求策略文件(crossdomain.xml)的过程,以及Flash使用Shared Objects(在Flash上使用的一种类似Cookie的对象)数据。如下图:

     

    要查看AMF数据,切换到“网络”标签,然后再找到有关Remoting网关请求的地址(一般请求地址包含Gateway字符串,我的例子是使用了FluorineFx开源.NET网关的一个现成例子),点击展开,如下图:

     

    通过Response → data → body → source即可查看到服务器返回的信息,如下图,请注意我划框与连线的地方。
     

分享到:
评论

相关推荐

    flexBuilder调试57%

    2. **检查调试端口**:默认情况下,Flex调试器监听的是1025端口。如果该端口被占用或者防火墙阻止了访问,可能会导致调试器无法启动。可以通过修改端口号或者调整防火墙设置来解决这个问题。 3. **重启IDE和浏览器**...

    flex学习笔记 flex学习总结 flex学习教程

    Flex Builder(现已被Adobe Flash Builder取代)是一个集成开发环境,提供了代码提示、调试和项目管理等功能,使得开发更加高效。 3. **Flex组件库**:Flex提供了丰富的预定义组件,如Button、Label、Canvas等,可...

    FLEX技术总结20110414

    5. **Flex Builder**:Adobe官方的集成开发环境(IDE),基于Eclipse,为Flex开发提供了图形化的界面和强大的调试工具,提高了开发效率。 在2011年,Flex技术在企业级应用中广泛使用,特别是在金融、电信和电子商务...

    FLEX技术总结20110413

    1. Flex SDK:Flex Software Development Kit是开发Flex应用程序的基础,包含了MXML和ActionScript的编译器、库以及工具,如Flex Builder(现在称为Flash Builder)等,用于创建和调试Flex项目。 2. MXML:MXML是...

    flex测试总结

    标题中的“flex测试总结”指的是Flex测试,这是一种针对Adobe Flex应用程序进行的质量保证过程。Flex是一种开源框架,用于构建富互联网应用程序(RIA),它基于ActionScript编程语言和Flash Player或Adobe AIR运行时...

    flex socket开发总结

    Flex Socket开发总结 在开发基于Flex的应用程序时,与服务器进行实时通信是常见的需求,而Socket接口提供了这种能力。本文将深入探讨Flex中Socket开发的关键知识点,包括如何连接到Java和C++的Server Socket,以及...

    Flex编译错误码总结

    Flex编译错误码总结 Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。在开发过程中,我们可能会遇到各种编译错误,这些错误代码可以帮助开发者理解和解决遇到的问题。以下是对Flex...

    fdb-flex调试工具的帮助(中文)

    ### fdb-flex调试工具的帮助文档解析 #### 一、概览 本文档旨在详细介绍`fdb-flex`调试工具中“help”命令所提供的各项功能与用法。`fdb-flex`是一款用于Flex应用程序开发的强大调试工具,其提供了丰富的命令集来...

    FLEX技术总结20110414(1)

    6. **集成开发环境**:Adobe Flex Builder(后更名为Flash Builder)为Flex开发提供了强大的IDE,集成了调试、测试和性能分析等功能。 在实际开发中,Flex常用于构建企业级应用,如数据可视化工具、在线报表系统、...

Global site tag (gtag.js) - Google Analytics