web前端要在页面调试代码,不免需要各种工具来提高开发速度,而基于Firefox丰富的Web开发辅助插件无疑就是最好的利器。俗话说,“工欲善其事,必先利其器”,如果做web开发,没装几个像样的插件,会被人“笑话”的哦。:)

下面就和大家分享下我的插件吧:

点评:Firebug是firefox下的一个插件,能够调试所有网站语言,如Html,Css等,但FireBug最吸引我的就是javascript调试 功能,使用起来非常方便,而且在各种浏览器下都能使用(IE,Firefox,Opera, Safari),简直难以置信。除此之外,其他功能还很强大。比如html,css,dom的察看与调试,网站整体分析等等。总之就是一整套完整而强大的 WEB开发工具
说明:查看,编辑,Debug页面的CSS,HTML,JavaScript。超强的开发调试的工具,开发人员必装。强烈推荐装上。

以工具栏的形式对网页的(X)HTML、脚本、多媒体、CSS、缓存、图象等多方面的实用工具。使我们能轻易的获得网页的各种各样的信息,使我们进一步的了解当前所浏览的网页。
说明:超强的web分析工具,开发人员必装。

Tamper Data 的真实含义,即“篡改数据”(或者说定制 HTTP 请求):截取浏览器发出的每一个 HTTP 请求,提示我们选择是要进行定制,还是不做定制而直接提交请求,还是终止当前被截取的请求,然后根据我们的选择决定是打开定制窗口,还是直接向 WEB 服务器提交请 求,还是终止当前的请求。
说明:查看 firefox 收发请求的 header, 特别是在发出请求前, 可以修改 header。

YSlow是一款用来分析网页,并提出前端性能改进建议的Firefox插件。YSlow依据预定义或用户自定义的规则为网页评级。它同时提供了许多性能分析工具,如:Smush.it™JSLint
说明:能够帮我们分析web页面比较慢的原因,它是基于 Firebug的,也能分开浏览web页面的元素,比如js,css.

HTML Validator是一个Firefox扩展,它能查找并标志出HTML页面上的错误。HTML Validator以Tidy为基础,Tidy最初是W3C为验证HTML代码开发的一个工具。
说明:著名的 CSE HTML Validator 引擎。

Firecookie, 是一个嵌入在Firebug中的cookie浏览管理插件。

如果在Web开发中用到了cookie,使用它可以轻松的浏览cookie值、过期时间等,有助于快速开发。

使用它时需要在Firebug的网络面板中开启cookie监测。它可同时显示发送和接收的cookies。

FireUnit提供了一个简单的API用来做简单的测试记录及单元测试。关于单元测试,之前写的这篇文章《JavaScript单元测试框架介绍》可以看看。

如果热衷于jQuery Lib,FireQuery这款插件肯定要装下,FireQuery,它可以在任意页面插入jQuery脚本,结合FireBug的命令控制台使用jQuery语法,以方便对jQuery熟悉的开发者调试页面。

在制作网页时,在页面上添加一个新的设计元素(例如一个图片或图标)之前,我们往往希望提前看到元素添加后页面的整体效果。Pixel Perfect就可以帮你实现这个想法,它允许开发者在网页上覆盖你要添加的设计元素。使用它时你可以调整要添加元素的透明度和位置。
我感觉这款插件也可用来做网页中元素的微调,以保证和最初设计蓝图一致,如它的名字,完美到一个像素都不差。

HttpWatch是强大的网页数据分析工具.集成在Internet Explorer工具栏.现在,也可以在firefox下使用了。它包括网页摘要.Cookies管理.缓存管理.消息头发送/接受.字符查询.POST 数据和目录管理功能.报告输出。

一款强大的正则表达式测试工具,不仅可以帮助开发人员编写正则,还可以方便地进行存储,以后用到就不用再绞尽脑汁了。

One thought on “web前端开发firefox插件推荐

  1. Pingback: web前端开发firefox插件推荐 - web标准 - 开发者第1120189个问答

Leave a reply

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> 

required