Aptana调试javascript图解教程_javascript技巧

前提是安装 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" 中的勾去掉。

时间： 2024-08-10 22:20:31

Aptana调试javascript图解教程_javascript技巧的相关文章

chrome调试javascript详解_javascript技巧

一.Console API Console.assert() 判断第一个参数是否为真,false的话抛出异常并且在console输出相应信息. Console.count() 以参数为标识记录调用的次数,调用时在console打印标识以及调用次数. Console.debug() console.log方法的别称,使用方法可以参考Console.log() Console.dir() 打印一条以三角形符号开头的语句,可以点击三角展开查看对象的属性. Console.error() 打印一条错误信

使用firebug进行调试javascript的示例_javascript技巧

复制代码代码如下: <script type="text/javascript"> //用于在friefox中调试用console.log("hello"); /** function test(name) { console.log(name); } test("hello world");**/ //调试的技巧 function showLog(message) { console.log(message); console.

在vs2010中调试javascript代码方法_javascript技巧

操作步骤如下: 1. javascript代码中插入:debugger,如下: <script type="text/javascript"> debugger; </script> 2.将IE浏览器中的"禁止脚本调试"这一项的勾给去掉. 然后在点击vs中的调试即可.

ie 调试javascript的工具_javascript技巧

做 web开发的朋友都清楚,js程序的调试是相当郁闷的,因为首先这种语言语法比较灵活,它是一种弱类型的脚本语言,很多错误是无法控制的,这些不谈,最痛苦的是没有什么好的调试工具,现在的情况比以前稍好,在Firefox下还有firebug,这的确是一个不错的js调试工具,但在IE下使用就很麻烦,而且效果很不好,鄙人一直苦于寻找一个很好的IE下的js调试工具,能够自动捕获错误,并定位位置和原因,没想到今天竟在无意中寻找到了这么个好工具,不敢私藏,共享出来,希望能为各位web开发者带来方便这个工具的名

firefox插件Firebug的使用教程_javascript技巧

什么是Firebug从事了数年的Web开发工作,越来越觉得现在对WEB开发有了更高的要求.要写出漂亮的HTML代码:要编写精致的CSS样式表展示每个页面模块:要调试 javascript给页面增加一些更活泼的要素:要使用Ajax给用户带来更好的体验.一个优秀的WEB开发人员需要顾及更多层面,才能交出一份同样优秀的作业.为帮助广大正处于Web2.0洪流中的开发人员,在这里为大家介绍一款轻巧灵活的辅助开发工具. Firebug是Firefox下的一款开发类插件,现属于Firefox的五星级强力推荐插

全面了解JavaScript对象进阶_javascript技巧

要了解JavaScript对象,我们可以从对象创建.属性操作.对象方法这几个方面入手.概括起来,包括以下几模块: 1.创建对象 1.1 对象直接量对象直接量是创建对象最简单的方式,由若干名/值对组成映射表: var point = {x: 0, y: 0 }; 属性名也没有什么限制,可以是js的关键字或者任意字符串,如果是这两种情况,属性需要用双引号引起来: var empty = {}; va point = {x: 0, y: 0 }; var book = { "main title

KnockoutJs快速入门教程_javascript技巧

一.引言之前这个系列文章已经介绍Bootstrap,详情请查看本文: <Bootstrap入门教程> ,由于最近项目中,前端是Asp.net MVC + KnockoutJs + Bootstrap来做的.所以我又重新开始写这个系列.今天就让我们来看看Web前端的MVVM框架--KnockoutJs. 二.KnockoutJs是什么? 做.NET开发的人应该都知道,WPF中就集成了MVVM框架,所以KnockoutJs也是针对Web开发的MVVM框架.关于MVVM好处简单点来说就是--使得业

10个基于浏览器的JavaScript调试工具分享_javascript技巧

调试Javascript可能是web开发中最让人郁闷的事情.所以这里我们绝定来寻找一些好的工具来帮助大家调试.这里是10款我们精选的基于浏览器的JS在线调试工具,希望大家喜欢!Online Debugging Tools 1.PastebinPastebin是一个协作式的调试工具,帮助你在IRC,IM或者消息版上对话来分享和修改代码片段 2.JSON Formatter and ValidatorJSON格式化工具用来帮助打来调试JSON.因为JSON数据格式经常没有换行,可能非常难于阅读.这个

JavaScript调试工具汇总_javascript技巧

现在的JavaScript事实上已然成为了流行的web语言,即使它并不完美.很多程序员不喜欢用JavaScript写代码,是因为写到后来总会出现各种莫名其妙的bug,而且在开发大型应用程序的过程中很容易犯错.而且鉴于当今此类工具的现状,要想在浏览器上做JavaScript调试也不是那么方便. 下面这几个基于桌面和WEB的JavaScript调试工具,能让你更高效地调试JavaScript代码,这样就可以: 更有效地处理动态类型使应用程序更符合编码标准 Firebug Firebug已经出现很多年