FireFox开发插件Web Developer


  今天发现了一个FireFox的强大开发插件Web Developer:其拥有强大的CSS调试和Form调试能力,对页面的分析非常全面,可以禁止页面的任一内联、文档、和外部CSS,可以直接编辑当前CSS,可以直接加载本地的CSS,可以用鼠标点击查看页面内任一元素的CSS,可以查看盒子模型结果,这还只是其功能一,其他的功能太多了,比如表单的POST和GET功能相互转换,检查XHTML和CSS语法,禁止一切可以禁止的,包括Cache、Cookie、图片、Java、Js、Referrer等等……如果你需要经常调试页面的话,这个插件能极大满足你的需求。

  Web Developer作为Firefox的插件存在,主要功能表现在几个重要的方面:

  对页面中的文本、图像、媒体文件进行控制,对网页所应用的CSS文件的id与class辅助查看,表格辅助查看,可以实现修改CSS文件实时显示出得到的页面效果等等。

  Web Developer插件能够帮助我们对CSS网站进行分析,我们使用Firefox对网页进行浏览,运用Web Developer插件不仅仅只是能看到对方的源代码,还能方便的分析出页面的布局结构,CSS书写方式,鼠标所在位置的id或class是什么等等,使我们能迅速的理解、学习别人的成功经验,进而更加方便快捷的掌握CSS布局技术。