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

用Aptana调试JavaScript教程

2011-04-19 15:50 375 查看
转自:http://www.css88.com/archives/685

这是博客组成员$(‘demo’)原创的Aptana Debug JavaScript教程,由于图片发布的原因,$(‘demo’)交予我发布的,我对本文的少许文字做了修改。感谢$(‘demo’)!

前期工作

1. 你必须安装firefox浏览器;

2. 到http://support.aptana.com/asap/browse/STU-1769 下载并安装aptanadebugger 及 firebug;这两个都是firefox插件;

这样我们就可以调试脚本了。

今天就通过一个小例子,来讲下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的使用经验, 如果你有好的技巧不妨分享下!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: