介绍几款Web开发必备利器

1. 首先是浏览器的选择，绝大多数开发者都选择Firefox浏览器。

 

      火狐浏览器是开源的，很多新特性可以体验，跟IE相比有更丰富的视觉效果。Firefox有着很活跃的社区，丰富着Firefox浏览器的应用，它们以插件的形式安装在浏览器中，如果你不需要可以禁用，使你的浏览器运行更轻便！

 

      Web的调试一直困扰着开发者，火狐的出现带来了福音，很多团队都开发了自己的开发插件，并发布到互联网，使得Firefox在开发领域占据统治地位，其中有很多优秀的插件浮出水面，下面会有介绍。

 

       如果你只是想要开发前台界面，不需要与后台进行通信，那么查看编辑html元素及css样式、javascript代码这几个功能就足够了，Firebug插件包含了这几个基础功能，当然还有更高级的，未免有点大材小用。谷歌浏览器也是不错的选择（我用的版本是Google Chrome 13.0.782.215），本身就自带了这几个功能，界面比较清新（我发现现在软件的趋势都不要边框和标题栏了，扩展了软件的内容界面，相当于你的电脑屏幕扩大了，方便许多，IE8还是老界面，IE9就给人耳目一新的感觉了！），我用Chrome的时候，如果打开很多标签，进程中会存在很多chrome.exe，一段时间又没有用到浏览器，重新切换到浏览器，里面的标签页面却需要重新加载，从这方面来看，还是推荐Firefox！

 

2.当然Firebug是必须的。

 

       你使用Firefox的主要目的就是需要用Firebug来调试。Firebug1.8更新了一个重要功能，可以调试ajax请求，你想要知道ajax请求具体信息，在控制台选项卡下查看。

      一个更重要的功能，断点调试（我平时都用不到，但复杂应用却是绝对必须的）。还支持临时编辑html、css、javascript并查看效果，不必再在源文件中不断修改了！

 

3.如果你想开发Flex应用，请安装FlashFirebug

 

      安装完后，你发现它跟Firebug是集成在一起的。在Firebug的选项卡中最后添加了Flash选项。

 

4.当然Flex调式，当然需要Windows Flash Player 10.3 Plugin content debugger (for Netscape-compatible browsers) ，下载地址：http://www.adobe.com/support/flashplayer/downloads.html

 

5.HttpFox可以查看请求响应的具体内容

 

安装完重启后，你可以看到浏览器的右下角多了一个图标。

 HttpFox显示方式有两种，可以是一个独立窗口，也可以集成在浏览器中。

 显示哪里形式你可以设置，我倾向于集成显示。

 

6.Cache Status清除浏览器中的缓存。

 

安装完后在右下角会出现两个图标，鼠标右击可以清除缓存。

 

      浏览器缓冲在开发中是很讨厌的，有时因为缓冲会影响你对程序的出错点的判断。二个星期前，我把项目交给客户测试，客户测试结果说部分数据有误，我自己本地测试却是好的，而第二天就是最后交付日期。加班找了好久都没找到原因，后来老大提醒了我这点，改了一个小地方就好了。

 

最后谈下测试的问题，各种浏览器的不兼容导致了不同的显示效果，这不是我们想要的。以前我一直以为这主要是IE和非IE浏览器的差异，却没想IE的各个版本也存在各种差异。测试不同的效果，就需要安装不同的浏览器。一次与同学瞎侃，什么浏览器好用？“你们说的浏览器我都装了！”个个都表现很惊异，我确实都需要啊！浏览器中IE还是占了绝大部分，其中IE6占了20%，并没有退出舞台，怎么同时测试IE6和IE8，你的系统只能安装一种，IETester 是很好的工具，可以同时测试各种IE版本。