日期:2013-08-23  浏览次数:20814 次

大多数网页设计师与前端工程师都会使用Firefox(火狐浏览器),由于Firefox丰富的Web开发辅助插件可以为我们提供许多好的功用,比如HTML,CSS,JS查错,找BUG等等。因此这里整理了目前常用的一些Firefox Web开发插件。

开发工具

1.  Web Developer 1.1.8

https://addons.mozilla.org/en-US/firefox/addon/60
以工具栏的方式对网页的(X)HTML、脚本、多媒体、CSS、缓存、图象等多方面的实用工具。使我们能轻易的获得网页的更多信息,使我们进一步的了解当 前所浏览的网页。
说明:超强的web分析工具,开发人员必装。

2.  Firebug 1.5.0

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

3.  LinrLightWeb 0.2.1

https://addons.mozilla.org/zh-CN/firefox/addon/14068
安装前,请确认您已安装Firebug插件,获取Firebug请访问:http://getfirebug.com/
1. 开启网页编辑模式,随意编辑网页——Fiddler的好搭档;
2. 超强Selector,查找操作标记;
3. 刷新CSS,无需刷新整页;
4. 快速设置CSS Sprites背景,鼠标拖移即可得到位置;
5. 保持登录形状,Session不过期;禁用
6. 同步发行IE版,Chrome版。
说明:非常强的web开发工具。

4.  View Source Char 2.7

https://addons.mozilla.org/en-US/firefox/addon/655
画一个 Color-Coded 的图表的 Web 页的源代码。
说明:显示非常好看的源码, 分级缩进, 不同颜色区分。

5.  Tamper Data 11.0.0

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

6.  JavaScript Debuger 0.9.87.4

https://addons.mozilla.org/en-US/firefox/addon/216
Venkman 作为Mozilla的调试器,是针对Mozilla(Firefox)的自在工具
说明:firefox 环境下的 JavaScript Debugger, 强大的脚本调试工具。

7.  Live Http Headers 0.15

https://addons.mozilla.org/en-US/firefox/addon/3829
可以用来实时监测发起的http请求和呼应,也可以修正请求参数之后重新发起请求。
说明:浏览页面同时记录所有 HTTP headers 。

8.  Add N Edit Cookies 0.2.1.3

https://addons.mozilla.org/en-US/firefox/addon/573

查看和修正本地的Cookie,Cookie欺骗必备。
说明:查看并且修正 cookies, 不方便的地方是显示所有浏览器的 cookies 而不只是当前页。

9.  XPath Checker 0.4.1

https://addons.mozilla.org/en-US/firefox/addon/1095
这个工具没什么好多说的,就是安装后可以直接用,在网上看了使用方法,开始没看明白,后来才知道是在页面上点鼠标右键,下面有个view xpath,点击就可以了。
说明:听说可以调试 XPath。

10. YSlow 2.0.6

https://addons.mozilla.org/zh-cn/firefox/addon/5369
YSlow分析网页,并提出如何提高其功用的基础上一套规则,高功用的网页。
说明:能够帮我们分析web页面比较慢的缘由,它是基于 Firebug的,也能分开浏览web页面的元素,比如js,css.

HTML验证

11.  HTML Validator(based on CSE HTML Validator)1.2.3

htt