5个前端开发小工具

1st JavaScript Editor Pro
一个轻巧、专业的JavaScript脚本编辑器，有着丰富的代码编辑功能。它具备JavaScript编辑、调试、测试等全部功能，是一个非常不错的开发工具。

Firebug
Firebug是Firefox浏览器的一款开发类插件，它集HTML查看和编辑、JavaScript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的好帮手。Firebug能够从不同角度剖析Web页面的内部细节，给Web开发者带来了极大的便利。在JavaScript脚本调试方面也非常优秀，能够单步调试、设置断点、查看变量窗口。同时还可以统计每段脚本运行的时间，查看语句执行时间过长，一步步排除问题，

HttpWatch
HttpWatch是强大的网页数据分析工具，可以在IE和Firefox下使用，当使用JavaScript和Ajax开发异步通信程序时，该工具就显得非常重要，它提供了详细的Cookies管理、缓存管理、消息头请求/响应、字符查询、POST数据和目录管理功能。能够跟踪HTTP传输的全过程，收集并显示网页深层信息，它不用代理服务器或一些复杂的网络监控工具，就能够在显示网页同时显示网页请求和响应的详细信息，甚至可以显示浏览器缓存和IE之间的交换信息，

Web Dveloper Toolbar
Web Developer Toolbar是Firefox浏览器的一款优秀的Web开发工具条，作为附加插件而存在。IE浏览器也开发了一款类似的Web Developer Toolbar，但是功能没有Firefox浏览器的强大。该工具条适合查看HTML结构和CSS样式，不提供对JavaScript直接支持，但是作为一款非常优秀的Web开发工具，也是不可缺少的。因为JavaScript开发必须与具体的DOM文档结构相联系。DOM查看是JavaScript开发者最重要但也最容易忽略的问题，它能在我们了解页面结构和样式信息时发挥重要的辅助作用

JavaScript Debuger
JavaScript Debuger也称为Venkman，它是Firefox浏览器的一个扩展组件，最初是作为Mozilla浏览器的一部分开发的，Venkman是Mozilla发起的JavaScript调试器项目的代号。JavaScript Debuger能够与JavaScript引擎本身紧密集成，这样就可以对代码进行更加精确的控制。因此与Firebug相比，JavaScript Debuger属于更专业的调试工具