下载掌阅APP，畅读海量书库
立即打开
编辑JavaScript程序可以使用任何一种文本编辑器，如Windows中的记事本、写字板等应用软件。由于JavaScript程序可以嵌入HTML文件中，因此，读者可以使用任何一种编辑HTML网页文档的工具软件，如Dreamweaver等。
“工欲善其事，必先利其器。”对于开发人员来说，考虑到开发效率，以及保证代码质量，选择一款优秀的JavaScript编辑器是非常必要的。
下面推荐几款JavaScript编辑器，供读者参考选用（具体下载地址可以到网上搜索）。
☑ Aptana：一个不错的JavaScript IDE，功能强大，是专业JavaScript开发必备工具。但是该工具占用资源大，对中文支持不是很好，适合Web前端应用专业开发。
☑ JSEclipse：Eclipse的JavaScript插件，Eclipse是一个开放源代码的、基于Java的可扩展开发平台。JSEclipse代码分析能力强大，但是需要Java支持环境，适合Java偏好的开发人员选用。
☑ 1st JavaScript Editor Pro：一个轻巧、专业的JavaScript脚本编辑器，有着丰富的代码编辑功能。它具备JavaScript编辑、调试、测试等全部功能，是一个非常不错的开发工具，适合初级用户编写JavaScript脚本。
☑ Dreamweaver：Dreamweaver是当今最流行的网页编辑工具之一，它采用了多种先进技术，提供图形化程序设计窗口，能够快速高效地创建网页，并生成与之相关的程序代码，使网页创作过程简单化，生成的网页也极具表现力。Dreamweaver支持JavaScript智能提示和语法纠错功能，但对JavaScript代码的管理能力有限，适合HTML+CSS+JavaScript混搭的网页设计者。
测试的目的是显示存在的错误，调试的目的是发现错误或导致程序失效的错误原因，并修改错误。要确保JavaScript代码完全正确执行，就是必须保证它是经过完整测试和没有Bug的。
为了帮助用户快速找到错误发生的具体位置，所有现代浏览器都提供了一个错误控制平台，当然各家浏览器提供的错误控制平台功能略有差异。详细说明可以参阅第2章内容讲解。
Firebug是Firefox浏览器的一款开发类插件，它提供了HTML查看和编辑、JavaScript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的好帮手。Firebug能够从不同角度剖析Web页面的内部细节，给Web开发者带来了极大的便利。在JavaScript脚本调试方面也非常优秀，能够单步调试、设置断点、变量查看窗口，同时还可以统计每段脚本运行的时间，查看语句执行时间过长，一步步排除问题，如图1-3所示。
图1-3 Firebug插件窗口
HttpWatch是强大的网页数据分析工具，可以在IE和Firefox下使用，当使用JavaScript和Ajax开发异步通信程序时，该工具就显得非常重要，它提供了详细的Cookies管理、缓存管理、消息头请求／响应、字符查询、POST数据和目录管理功能。能够跟踪HTTP传输的全过程，收集并显示网页深层信息，它不用代理服务器或一些复杂的网络监控工具，就能够在显示网页的同时显示网页请求和响应的详细信息，甚至可以显示浏览器缓存和IE之间的交换信息，如图1-4所示。这是一个值得推荐的HTTP底层信息查找工具。
图1-4 HttpWatch插件窗口
Web Developer Toolbar是Firefox浏览器的一款优秀的Web开发工具条，作为附加插件而存在。IE浏览器也开发了一款类似的Web Developer Toolbar，但是功能没有Firefox浏览器的强大。该工具条适合查看HTML结构和CSS样式，不提供对JavaScript的直接支持，但是作为一款非常优秀的Web开发工具，也是不可缺少的。因为JavaScript开发必须与具体的DOM文档结构相联系。DOM查看是JavaScript开发者最重要也是最容易被忽略的问题，使用它能够弥补我们在了解页面结构和样式信息时具有重要的辅助作用，如图1-5所示。
图1-5 Web Developer Toolbar开发工具条
JavaScript Debuger也是Firefox浏览器的一个内置组件，是作为Mozilla浏览器的一部分开发的。JavaScript Debuger能够与JavaScript引擎本身紧密集成，这样就可以对代码进行更加精确的控制。因此与Firebug相比，JavaScript Debuger属于更专业的调试工具。在“开发者”菜单项中选择“调试器”命令即可启动，如图1-6所示。
图1-6 JavaScript Debuger调试工具窗口