FlexBuilder远程调试WEB应用

Flex的开发工具用的FlexBuiler 3，web server用的apache。

1 首先要安装IE对应的flashplayer的debug版本，下载Flash player 11.8安装，下载地址：

http://download.macromedia.com/pub/flashplayer/updaters/11/flashplayer_11_ax_debug.exe

首先新建一个Web类型的Flex Project

编辑工程的test.mxml文件，界面只有一个按钮，点击按钮验证obj1和obj2是否相等。代码如下：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal">
			<mx:Script>
		<![CDATA[
 
			public function testFunction():void{
				var obj1:String = new String("1");
				var obj2:String = new String("1");
 
				trace(obj1==obj2);
			}
		]]>
	</mx:Script>
	<mx:HBox height="100%" verticalAlign="middle">
	<mx:Button label="测  试" id="testButton" click="testFunction()"/>
	</mx:HBox>
</mx:Application>

编辑一个简单的test.html，把test.swf放到页面里

 
<html >
 
<title></title>
 
</head>

<body scroll="no">
 
  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="test" width="100%" height="100%"
			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
			<param name="movie" value="test.swf" />
			<param name="quality" value="high" />
			<param name="bgcolor" value="#869ca7" />
			<param name="allowScriptAccess" value="sameDomain" />
			<embed src="test.swf" quality="high" bgcolor="#869ca7"
				width="100%" height="100%" name="test" align="middle"
				play="true"
				loop="false"
				quality="high"
				allowScriptAccess="sameDomain"
				type="application/x-shockwave-flash"
				pluginspage="http://www.adobe.com/go/getflashplayer">
			</embed>
	</object>
 
</body>
</html>

把以上两个文件放入apache的web目录的test下，例如：http://10.43.104.211:2323/test/test.html

进入flexbuilder的debug设置界面，Run-Debug-Other，进行如下设置，URL or path to launch 的几栏填写远端的URL地址：

设置完成后，点击Debug，这时会自动弹出一个浏览器页面，Flexbuilder的Console页显示正在进行Debug调试

在FlexBuilder里设置断点，然后点击IE页面上的测试按钮：

大功告成

FlexBuilder远程调试WEB应用

相关文章