Author:陈来


       对于很多新手来说,网页制作的工具可能还仅限于Dreamweaver。其实我觉得DW太大了,每次打开都很慢,而速度快是一个很重要的用户体验,所以现在我基本不用DW了。虽然哪一个工具好用这个话题谁都伤不起,但是我还是推荐大家多用几个工具,从中找到最适合自己的。

Firefox:

1、Firebug:这是一个网页调试工具。目前最流行的。

2、PageSpeed:检测网页速度,并给出相应的改善建议。

3、YSlow:可以根据高性能网站的一些准则来分析网页并且提出建议来提高网站的性能。

4、Httpfox:类似于HttpWatch

5、Web Developer:FireFox下的查看工具,可以查看JS,CSS等页面信息,很强大。

6、JavaScript Debugger:FireFox下的javascript调试工具,比FireBug有更强大的调试功能。

7、Closure Compiler :一个js压缩工具。

下载:Extensions

Chrome:

1、PageSpeed:检测网页速度,并给出相应的改善建议。

2、YSlow:可以根据高性能网站的一些准则来分析网页并且提出建议来提高网站的性能。

3、Firebug Lite:如果你非常喜欢firebug的界面,同时又受不了firefox的漫长等待,chrome下的firebug lite是你不错的选择。但是相对于IE浏览器,firebug lite比较难用,暂不推荐。

4、开发人员工具:chrome自带。跟firebug一个类型,可以在线调试。

下载地址,chrome的扩展大部分都是在线安装的,在Google Code里面搜索相应的扩展即可。

IE:

1、IETester:能够模拟IE5.5-IE9的各种版本,能够很好的解决多版本IE不能共存的问题。当然极少数情况下模拟的效果和原版IE效果有差异。

2、IE Web Developer:能够调试网页,类似于firebug。对于没有开发人员工具的IE6是不错的选择。

3、Debugger Bar:功能类似于IE Web Developer。

4、SuperPreview:要用于html、css的调试和各个浏览器(目前只能针对IE6-IE8)的页面呈现测试。

5、Companion JS:IE下的javascript调试工具。

6、Script Debugger:Companion.JS 需要安装Microsoft Script Debugger才可用。

7、Fiddler:一个很强大的http流查看工具。

文件太大,请到ftp下载:Nature/装机必备/Network/Browser/IE_Extensions.7z

JS:

1、Closure  Compiler :google出的js编译和压缩工具。查看详细使用方法。

2、Yui Compressor :yahoo出的一个js压缩工具。

3、在线JS格式化工具, JS Beautifier http://jsbeautifier.org/
4、在线JS校验工具,使用请注意“JSLint will hurt your feelings.”JSLint http://jslint.com/
5、在线JS压缩工具,JSCompress http://jscompress.com/

6、JS压缩工具,JSMin http://www.crockford.com/javascript/jsmin.html
Others:

1、HttpWatch:数据分析工具,头消息接受/发送的查看,POST数据查看等等。

2、VIM:一个很强大的文本编辑工具,当然是在会使用的条件下。

3、Edit Plus:一个很强大的编辑器,可以自己定制很多功能。

4、Notepad++:功能类似Edit Plus,当然用哪个工具还看自己喜好。