您的位置:首页 » 分类: 前端工具 » 文章: 用Aptana调试JavaScript教程

用Aptana调试JavaScript教程

小编推荐:掘金是一个高质量的技术社区,从 ECMAScript 6 到 Vue.js,性能优化到开源类库,让你不错过前端开发的每一个技术干货。各大应用市场搜索「掘金」即可下载APP,技术干货尽在掌握..

这是博客组成员$(‘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的使用经验, 如果你有好的技巧不妨分享下!
   如果是在使用aptana过程中遇到难题, 请留言,大家一起解决难题,或者加入javascript讨论qq群(7617538)。

 


相关:用VS2008调试Javascript:http://www.css88.com/article.asp?id=485

正文完。下面还有一个推广让最好的人才遇见更好的机会!

互联网行业的年轻人,他们面对着怎样的职业瓶颈、困惑与未来选择?过去,这鲜有人关心。资深的职场人,也多半优先选择熟人去推荐机会。

100offer致力于改变现状,帮互联网行业最好的人才发现更好的机会。使用 100offer.com 或 100offer App ,可以一周内获得中国、美国等数千家优质企业的工作机会。

马上去遇见更好的机会
推广结束

关注WEB前端开发官方公众号

关注国内外最新最好的前端开发技术干货,获取最新前端开发资讯,致力于打造高质量的前端技术分享公众号