5个前端开发小工具
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属于更专业的调试工具