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版本。