[转]Firefox必备的24款web开发插件

Web Developer 1.1.8

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

　　Firebug 1.5.0

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

　　LinrLightWeb 0.2.1

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

　　View Source Char 2.7

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

　　Tamper Data 11.0.0

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

　　JavaScript Debuger 0.9.87.4

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

　　Live Http Headers 0.15

　　https://addons.mozilla.org/en...
　　可以用来实时监测发起的http请求和响应，也可以修改请求参数之后重新发起请求。
　　说明：浏览页面同时记录所有 HTTP headers 。

　　Add N Edit Cookies 0.2.1.3

　　https://addons.mozilla.org/en...

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

　 XPath Checker 0.4.1

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

　　YSlow 2.0.6

　　https://addons.mozilla.org/zh...
　　YSlow分析网页,并提出如何提高其性能的基础上一套规则,高性能的网页。
　　说明：能够帮我们分析web页面比较慢的原因，它是基于Firebug的，也能分开浏览web页面的元素，比如js,css.

　　HTML验证

---

　　HTML Validator(based on CSE HTML Validator)1.2.3

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

　　Relaxed the HTML Validator 0.9.5

　　https://addons.mozilla.org/en...
　　Relaxed the HTML Validator 0.9.5 这是一个做html验证的小插件，可以很容易的检测出页面的错误的html代码。
　　说明：直接在当前页面上进行 HTML validation, 界面清晰直观。

　　Total Validator 6.2.0

　　https://addons.mozilla.org/en...
　　这软件帮助你检查你的网页是否符合标准,结果将帮助你迅速地解决问题。
　　说明：把当前页面在 http://www.totalvalidator.com 做HTML Validation,输出结果用红字进行了语法修正, 比较友好。不过由于通过其他网站验证, 速度有点慢, 并且结果不易保存。

　　页面设计

---

　　MeasureIt 0.3.92

　　https://addons.mozilla.org/en...
　　通过可以绘制在页面任何地方的刻度尺来显示以像素(px)计算的宽度、高度、元素缩进量。
　　说明：可以测量页面上任何选择区域的长宽, 对界面设计人员非常有帮助。

　　ColorZilla 2.0.2

　　https://addons.mozilla.org/en...
　　利用ColorZilla 您可以从浏览器中的任一点读取色彩值，快速调节颜色并粘贴到其他应用程序。您可以缩放正在查看的页面或测量页面任意两点之间的距离。
　　说明：从页面, 或者调色板上取色, 同时可以缩放页面。

　　SEO广告

---

　　RankQuest SEO Toolbar 3.9.2

　　https://addons.mozilla.org/en...
　　检查网站在搜索引擎和alexa的状态
　　说明：SEO 工具插件, 访问一个页面时, 显示此页面的各种排名及 SEO 信息。

 **Adsense Preview 1.5**

　　https://addons.mozilla.org/en...
　　将谷歌广告放到你的网页上
　　说明：在当前页面上显示 Google ADs 帮助确定广告位置。

　　其他工具

---

　　HackBar 1.4.2

　　https://addons.mozilla.org/en...
　　包含一些常用的工具。(SQL injection,XSS,加密等)
　　说明：快速对字符串进行各种编码的工具, MD5, Base64, URLencode, URLDecode。

　　Document Map 0.6.1

　　https://addons.mozilla.org/en...
　　显示当前页的标题结构中侧栏让之间快速导航...
　　说明：提供页面资源结构信息.。

　　IE View Lite 1.3.5

　　https://addons.mozilla.org/en...
　　IE View 简装版，将选项集成到了右键关联菜单中，同时增加了一个工具栏按钮。
　　说明：点右键可以选择在 IE 中打开页面, 有助于跨浏览器调试。

　　TimeStamp Converter 2.0.0

　　https://addons.mozilla.org/en...
　　将转换日期和 timestamps.Context 菜单选项将所选的时间戳转换为日期。
　　说明：除去从上下文中转换, 还可以手动将 timestamp 时间戳与 date/time 转换。

　　TimestampDecode 0.1.8

　　https://addons.mozilla.org/en...
　　将所选的编号视为一个时间戳并显示一个已解码的日期/时间。
　　说明：将选中的数字作为 timestamp 时间戳转换为 date/time。

　　Fire Encrypter 4.0

　　https://addons.mozilla.org/en...
　　说明：将文字加密成各种算法的密文, 甚至包括摩尔斯码。

　　Add-in-one Sidebar

　　https://addons.mozilla.org/en...
　　全方位多功能侧边栏。
　　说明：在浏览器左侧增加打开书签, 历史, 插件等的工具条。

http://www.cnblogs.com/zhaozh...