Web前端开发必备工具[整理]

做为一名优秀的WEB前端开发人员，选择好工具可以让你轻松自如，更充分发挥你的特长，当然基本功得先练好。
一、Web Developer
https://addons.mozilla.org/en-US/firefox/addon/60

Web Developer 可说是网页设计师最常使用的一个 Firefox 扩充套件，它可以协助我们在设计网页时能够更加的得心易手，内建 HTML、CSS、Feed…等检验器，让我们所设计出来的网页能够符合标准化，不但可以省下日后维护的时间金钱，更能确保我们所设计出来的网页在各家不同的浏览器，均能正常地显示，且是符合我们预想的成果。其它更有取消 CSS、取消 Java、取消 JavaScript、检视或清除 Cookies…等功能。

CSS — 可编辑当前页面的CSS，并可即时显示修改效果。
Forms — Get/Post转换，显示所有表单信息。

Images — 显示图片的各种属性，可找出未设置Alt,Title等属性的图片。

Information — 最有用的两个功能：查看Cookie信息和Http Response数据，Web调试必备

Micellaneous — 最有用的功能：Clear Session Cookie。已往调试Web，为了新开一个Session，不得不关闭IE，重新再开，现在不用啦。

Outline — 框出Table元素，Cell元素,Div元素

Resize — 模拟800*600等窗口大小，可自定义窗口大小

Tools — 验证CSS/HTML 等

View Source — 显示带关键字颜色的漂亮源代码

二、Firebug

https://addons.mozilla.org/en-US/firefox/addon/1843

Firebug 是Firefox下的一款开发类插件，现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。

三、Venkman JavaScript Debugger

https://addons.mozilla.org/en-US/firefox/addon/216

一个基于Mozilla的浏览器的JavaScript调试环境，是Mozilla浏览器的一个扩展。Venkman基于Mozilla JavaScript调试API（js/jsd），js/jsd API 构成了 Netscape JavaScript Debugger 1.1的基础，Netscape浏览器4.x系统都提供了这个调试工具。Venkman是目前比较流行的JavaScript调试工具。

更多工具：

1.IETester 0.3.2 多国语言版-同时拥有IE6、IE7、IE8（Vista兼容）

http://www.my-debugbar.com/wiki/IETester/HomePage

2.Web Developer for firefox插件

在菜单和工具栏加上多种网页开发工具

https://addons.mozilla.org/en-US/firefox/addon/60/

3.FireBug1.3.3 for firefox插件

Firebug 和 firefox 整合在一起，使你浏览网页时手边有了一套强大的网页开发工具。你可以编辑、调试和监控任何网页上的 CSS、HTML 和 Javascript。

http://addons.sociz.com/firefox/531/

4.Javascript Debugger for firefox插件

FireFox下的javascript调试工具,比FireBug有更强大的调试功能.

https://addons.mozilla.org/en-US/firefox/addon/216

5.IE Tab 1.5.20081203 for firefox插件

让您可以直接在 Firefox 的标签页中以内嵌的 IE 引擎浏览网页。

http://addons.sociz.com/firefox/53/

6.ColorZilla 2.0 for firefox插件

高级吸管、取色器、页面缩放和其他色彩应用功能。

http://addons.sociz.com/firefox/498/

7.FireScope1.0.1 for firefox插件

FireScope是一个Firefox扩展，同时也是一个Firebug扩展，可以帮助用户快速的搜索HTML元素、属性以及CSS属性的参考信息

https://addons.mozilla.org/zh-CN/firefox/addon/10273/

8.firediff0.1a2 for firefox插件

firediff 是一个很有用的firebug插件，它可以跟踪页面中的dom变化，并且及时显示变化的情况。

firediff需要 firebug 1.4a17 以上的版本才能运行

http://www.incaseofstairs.com/download/firediff/?M=A\

9.JSView for firefox

JSView可以用来查看javascript和CSS文件的源代码和路径等。是个非常方便的工具。

http://addons.sociz.com/addon/316

10.FastStone Capture

FastStone Screen Capture (FSCapture) 是一款免费的图像浏览、编辑和抓屏工具，支持包括BMP, JPEG, JPEG 2000, GIF, PNG, PCX, TIFF, WMF, ICO 和TGA在内的所有主流图片格式，其独有的光滑和毛刺处理技术让图片更加清晰，提供缩放、旋转、减切、颜色调整功能。只要点点鼠标就能随心抓取屏幕上的任何东西，拖放支持可以直接从系统、浏览器或其他程序中导入图

http://www.xdowns.com/soft/31/46/2006/soft_33967.html

11.DebugBar v5.2.2

DebugBar是一款Internet Explorer插件。它可以用于检查DOM，HTTP，Javascript及HTML代码合法性等。

http://www.xdowns.com/soft/1/30/2008/Soft_41181.html

12.YSlow（Why slow？-为什么慢呢？）

YSlow是一款用来分析网页，并提出前端性能改进建议的Firefox插件。YSlow依据预定义或用户自定义的规则为网页评级。它同时提供了许多性能分析工具，如：Smush.it™ 、 JSLint。

http://developer.yahoo.com/yslow/

13.Page Speed

与YSlow非常相似，Page Speed是google团队推出的一款用于评测网页性能的插件，尤其可以依据“网页性能最佳实践”对网页性能提出改进建议。

Page Speed可以自动优化图片，并提供压缩版本。它也可以侦测到那些实际并未用到的Javascript和css，以便优化它们。

Page Speed可是个1.3M的大插件，它还拥有许多优秀功能等你尝试。

http://code.google.com/speed/page-speed/