用Aptana调试JavaScript教程
2016-05-27 20:13
666 查看
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 图解教程(二)[b]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[/b]
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就没问题了。
前期工作
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 图解教程(二)[b]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[/b]
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就没问题了。
相关文章推荐
- JavaScript中关于this关键字的详解
- js验证数字
- Javascript中的字符串连接
- 2016年5月27日下午(妙味课堂js基础-3笔记三(事件))
- net.sf.json.JSONException: Found starting '{' but missing '}' at the end. at character 0 of null
- JS判断浏览器
- 修改jsonb的属性
- js动画 从一个位置渐渐移动到另外一个位置 通用
- 根据对象的某一属性进行排序的js代码(如:name,age)
- Jsp之一 WEB应用程序概述
- Jsp之一 WEB应用程序概述
- Jsp之一 WEB应用程序概述
- JSONP伪同步请求及如何使用GBK 进行encodeURIComponet 编码
- [RxJS] Transformation operators: delay and delayWhen
- 文章标题
- js一键复制,Clipboard.js:不用Flash实现剪贴板功能的轻量级JavaScript库
- javascript 面向对象基础(三)面向对象的常用属性和方法
- js犀牛书
- irda-objs和irda-obj的差别,烧写一个字母的悲剧
- JavaScript获取URL参数