web开发人员应该掌握的几个工具

作为一个web开发人员，不管你是前端开发人员，还是web设计师，还是后台开发人员，你总离不开与html打交道。俗话说，工欲善其事，必先利其器，让我们看看有哪些“器”可以帮到我们，让我们工作变得更加快速。

软件类

Firefox

我不知道应该用什么赞美之词来赞美Firefox，毫无疑问，它是我心目中伟大的浏览器，让人最赏心悦目的是，Firefox支持扩展，并且扩展开发非常简单，只需要CSS + Javascript + Html的知识就可以完成，所以在Firefox的官方网站，截至我写这篇文章的时候，插件数量已经达到了惊人的10830个。天啦，这是多么庞大的数量，我们在这里看到开放的力量，在这里，我们能明白为什么IE被Firefox打得节节败退，用韩乔生同学的话来说：这一刻，Firefox灵魂附体，他不是一个人在战斗。IE并没有输入给Mozilla，而是输给了开放，输给了千千万万开发者。可以说，如果IE不是借助其操作系统占90%以上的市场占有率的话，那么今天的IE与Firefox将会是一个完全相反的局面。可是反过来想，如果不是IE借助Windows把netscape打得体无完肤，我们今天又怎么能看到一个创新与开放的Firefox呢？真是祸福相依！

对于开发者来说，Firefox有什么用，如果没有插件，它几乎完全没用，让我们看看下面的插件吧。

IETester

很多时候，我们做一个网站，需要考虑Firefox和IE等浏览器的兼容性，最要命的是，IE各个版本对HTML及CSS的解释居然完全不一样，IE5现在我们已经可不再考虑了，可是IE6还是主流，基本上IE6算一个系列，IE7/8算一个系列（实际上7和8也有不同的差异），这让我们觉得非常头痛。微软不知道吃错什么药，绝对不允许你在Windows里安装两个不同版本的IE，很多时候你在IE6下一个非溃漂亮的网页，到了IE7下就面目全非了，我们要选择多台电脑来回转换测试么？我们要装几个虚拟机么？在我们痛恨微软的同时，我们又不得不向他屈服，不由得仰天长叹，神啊，赐我一个多版本IE共存的机会吧。这个时候，IETester如同救世主来到你的面前！

IETester是款可以集成多个版本IE的测试工具，可以让你在多个IE中来回切换，以查看不同IE中的显示结果，无论是开发人员，还是测试人员，都是一款非常好的工具，目前支持IE5/6/7/8四个版本的IE。但如同一个美女脸上有两颗美人痣般的遗憾，IETester有时候并不能完美的反应IE不同版本的显示效果。但总的来说，瑕不掩瑜吧，我们姑且叫它缺陷美。

插件类

插件主要是Firefox下的插件，IE下的插件在我的印象中，基本上都是流氓插件，例如3721，青娱乐之流。IE虽然是最早使用插件(BHO，浏览器辅助对象)的浏览器，但也是使用插件最不成功的浏览器。从IE上面，我们就可以看到微软公司的未来命运，一个成功的公司，当到达顶峰的时候，他将骄傲自满，不思进取，在IE占据市场份额90%以上的这么多年里，IE一成不变，每次版本也是换汤不换药，而且要抛弃Web标准，自己搞一套标准。直至今天，我们很高兴地看到了IE8终于回到了支持Web标准的道路上来了，终于我们的开发者在不远的将来（五年还是十年？）不再需要太考虑各种Web浏览器的兼容性了。或者，这只是一个梦想，当Firefox变得强大之后，当Chrome OS变得强大之后，它们将要强行推出自己的标准，我们又需要去屈尊事权贵。

Firebug

Firebug功能太过于强大，强大得让我觉得它不是一款插件，而是一个软件。它可以监控网络的流量，调试HTML、Javascript等等等，IE8的调试功能可以说是完全照搬Firebug的，但是画虎不成反类猫。

下载地址：https://addons.mozilla.org/zh-CN/firefox/addon/1843

Web Developer

Web Developer更多是适合于Web前端开发工程师或者是设计师，他的功能实在太多了，我已经不知道该如何一一描述它的功能了，从它的菜单来看，包括Cookies, CSS，表单，图片，网页信息，工具之类的。总之，它可以让你查看所有Web的任何元素，标识它们，禁用它们某一类。

下载地址：https://addons.mozilla.org/zh-CN/firefox/addon/60

以下这两款IE插件，似乎和微软都有千丝万缕的关系

Fiddler

很高兴可以看到一款基于IE的插件，不是流氓插件，还是一款很有用的插件，如果你坚持要使用IE的话。按百度百科上解释是这么说的：Fiddler是一个web调试代理。它能够记录所有客户端和服务器间的http请求，允许你监视，设置断点，甚至修改输入输出数据，fiddler包含了一个强大的基于事件脚本的子系统，并且能够使用.net框架语言扩展。

下载地址：http://www.fiddlertool.com/fiddler2/

IEDevToolBar

坦白说，我写这个插件是为了凑数，因为我并不了解它，只是知道有这和一个插件，来看看百度百科的解释吧：微软的IEDevToolBar，这是一个免费的专门为Web开发人员制作的IE插件，IE插件IEDevToolBar可以帮助我们分析网站的布局结构，有助于我们学习和分析页面的CSS

下载地址：http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en

　　

注意：本文为我的独立博客镜像博客，自发表不再更新，原文可能随时被更新，敬请访问原文。同时，请大家不要在此评论，如果有什么看法，请点击这里：http://iove.net/1705/

本文来自http://iove.net，欢迎转载，转载敬请保留相关链接，否则视为侵权，原文链接：http://iove.net/1705/