您的位置:首页 > Web前端 > JavaScript

Aptana :调试 javascript 图解

2013-12-19 15:54 447 查看


用Aptana调试JavaScript教程

原文地址:http://icandy.blog.163.com/blog/static/18967817320113189013361/

Aptana 调试 javascript 图解教程(一)

前期工作

1. 你必须安装firefox浏览器;2. 到http://support.aptana.com/asap/browse/STU-1769 下载并安装aptanadebugger 及 firebug;这两个都是firefox插件;这样我们就可以调试脚本了。如果你用的是Aptana2.X版,firefox必须使用3.5.0版的或以下版本,因为上两个插件在高版本的firefox里不兼容如果你用的是Aptana3.0.0beta版,无所谓了今天就通过一个小例子,来讲下Aptana Debug JavaScript;点击下载这个例子

1. 在Aptana 的默认面板, 也就是右上角 Aptana图标被激活时,

在左侧面板Project 新建一个项目[单击右键新建]

a. 新建项目 css88 , 注意: 在新建项目是是文件夹/文件的路径不要出现中文字符, 不然会无法调试, 比如不要把文件放在桌面(在中文版系统中)如图:

b. 右键单击 css88 项目, 新建一个css88.js 文件 如图:

2. 现在就对刚创建的css88.js进行调试

单击右上角 debug图标

接下来通过调试来展示Aptana Debug的各个功能 如图:





如果在Debug界面下,找不到功能面板,到window菜单下的show view 进行添加 如图:





第一步: 添加断点【双击行号, 删除也一样双击】如图:





第二步: 单击debug 图标 ,运行firefox 如图:





如果在firefox中出现一下界面如图,那么你就可以调试了,



仔细看下firefox右下角图标Aptanadebugger 和Firebug 图标都亮了起来,及网页状态

回到Aptana, 可以看到 如图





第三步: 分析下右边各面板的功能









3. 以上我对aptana的使用经验, 如果你有好的技巧不妨分享下!

Aptana 调试 javascript 图解教程(二)1 Firefox Debugger

参见:http://www.aptana.com/docs/index.php/Installing_the_JavaScript_debugger

前提是安装 Firebug 插件 和aptanadebugger 插件,他们的下载地址如下:

http://getfirebug.com/releases/firebug/1.2/firebug-1.2.0.xpi

http://firefox.aptana.com/update/aptanadebugger.xpi

开始调试:

选择你所需要的调试的html文件,右键点击"Debug As" 下的 “Debug...” ,其中左侧菜单中要选用 “Web Browser”,右侧的"Main" 选项卡中的 "Browser executable"中一定要填写正确的firefox.exe文件的路径,其他的默认即可,如下图:



点击 “Debug” 按钮进入调试视图,(aptana 同时会打开firefox浏览器),如下图:



另外:

如果运行debug没有相应,可以右键点击“Relaunch” 在试,如图:



有的时候在Debug选项面板中没有 "Web Browser" 菜单 只有 “Remote JS” 菜单,如图:



解决办法如下:

“Window” -> "Preferences" -> "Run/Debug" -> Launching -> Launch Configuration

将右侧 "Web Browser" 中的勾去掉。



2 IE Debugger

同上,参见 :http://www.aptana.com/docs/index.php/Installing_the_IE_debugger

Aptana Studio 2.0 debug 调试问题2009-12-02 11:18Aptana 2.0 报这个错 launching firefox - internal server has encountered a problem

然后第一次debug跳到 http://www.aptana.com/?debugger=true&port=3726

第二次debug:也是一个 Aptana Firefox extension launching...please wait.

然后会报错:

Socket connection error. Please try shutting down and restarting your web browser, and then run 'debug' again. Accept timed out

搞来搞去,结果是firefox版本问题,把原来的3.5.5换为3.5就没问题了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: