35种针对网页设计与开发的火狐扩展

1. Firebug

它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和Ajax的得力助手。

2. Window Resizer

Window Resizer是一个修改窗口属性的小程序,可以更改窗口的句柄、大小、标题等属性,它还可以使一个窗口总是保持在最前面,甚至还可以激活一个窗口内不可用的灰色按钮和文本框。

3. Total Validator

可以检查网页是否符合标准,帮助你迅速地解决问题。这件检查工具有针对W3C/ISO DTDs 的(X)HTML 有效性,W3C WAI ,时间检查,坏链检查等。

4. Fireshot

Fireshot来源于截图软件Screenshot Studio的 开发商,是一个Firefox扩展或者说是Firefox版的Screenshot Studio(一款很强大的且与众不同的截图软件),用于创建网页截图。

5. FireRainbow

Firebug下的语法高亮支持。

6. HTML Validator

基于Tidy和OpenSP,HTML Validator对你访问的页面进行验证并给出简单的图标提示(icon notification)。工具可以给你提供更多信息,当你查看页面的源代码时,验证错误将被高亮显示。更棒的是,如果你不能找到错误所在,插件会给你 一些提示。

7. Library Detector

探测网页中使用了哪些JavaScript框架,并在状态栏中显示其图标,鼠标悬停在图标上可显示详细信息

8. Tamper Data

可以用来查看和修改 HTTP/HTTPS 的头部和 POST 参数;可以用来跟踪 HTTP 请求和响应并记时;可以对 WEB 站点进行某些安全测试。

9. Firefinder for Firebug

FireFinder是一款用于刚出不久的Firebug扩展插件。它的功能是通过CSS选择器与XPath表达式来快速查找定位页面的HTML元素。

10. JSONView

通常当遇到JSON文件(内容类型“应用/JSON),Firefox一般会提示您下载该文档.在JSONView的帮助下,你可以在浏览器中像XML文 件一样查看JSON,具有代码自动高亮,自动缩进,自动折叠功能.甚至JSON文件中有错误,JSONView仍然可以显示原始代码.

11. JavaScript Deobfuscator
12. FireFTP

ireFTP 是一个免费,开源,跨平台的FTP客户端的是Mozilla Firefox的形式添加。 它支持的FTP, FTPS ,和SFTP 。 FireFTP 需要Firefox 3.0以上的支持。

13. HTTPFox

HttpFox是一款火狐的抓包插件,可以抓取页面上眼睛能看到的,耳朵能听到的绝大部分内容,这个插件很像IE的那两款抓包插件HttpWatch 或IEInspector。

14. Aardvark
15. Firecookie

Firecookie 是Firebug的扩展,也就是说要现装Firebug 可以在Firebug中,很方便的查看Cookie信息,创建Cookie 等等。

16. Dummy Lipsum
17. Pixel Perfect

Pixel Perfect可以打开/关闭任何数量的设计元素,看看HTML显示结果是否与设计稿吻合。 并对设计稿有不透明的选项,在HTML结果里可以看到。从而最大化还原设计稿,1个像素不差。

18. EditCSS

如名。

19. Firediff

在CSS和DOM中监测记录每一次修改的变化
这为进行调试和调整页面时,提供了一个深入的观察功能和记录。

20. FirePHP

With the help of FirePHP, it is possible to log to the Firebug console by a simple PHP method call.
Data is sent via response headers & won’t interfere with the content on the page.
FirePHP,通过登录Firebug制台的一个简单的预览PHP文件显示效果。
数据反应不会干扰网页上的内容。
对于习惯 Firebug 接口的开发者, PHP debugging这个扩展是非常的实用.

21. OperaView

在 Firefox, Mozilla, Flock 和 Netscape 8 中调用 Opera 浏览器查看当前网页的扩展。

22. DOM Inspector

DOM 查看器是一种可以查看任何web文档或XUL应用的动态DOM结构的工具。

23. YSlow

YSlow是一个Firebug 插件 用于分析网页和提出改善建议,从而获得高性能网页。
YSlow 等级网页基于预定义规则或一个用户定义的一个。它还提供工具,性能分析,其中包括Smush.it™ 和JSLint.

24. CodeBurner for Firebug

可以直接在 FireBug 內快速查詢HTML、CSS 语法的参考文件,以及在几个主要浏览器上的相容性。

25. IE Tab

调用IE。

26. CSS Viewer

提供到W3C CSS验证器的易用链接,你可以通过右键的上下文菜单或者工具菜单来进行访问。

27. ColorZilla

利用 ColorZilla 您可以从浏览器中的任一点读取色彩值,快速调节颜色并粘贴到其他应用程序。您可以缩放正在查看的页面或测量页面任意两点之间的距离。内建的调色板浏览器允 许您从预定义的颜色集中选择颜色或将最常用颜色保存到自定义调色板。

28. MeasureIT

网页元素尺寸随意量。

29. Web Developer

详见Smigoo.net

30. ViewSourceWith

ViewSourceWith这款扩展的主要功能是帮助用户浏览网页的源代码。

31. GridFox
32. Screengrab

Screengrab!是一个Firefox插件,可以让你截取网页屏幕,包括截取当前窗口或是滚动截取网页的全部内容。

33. Pencil

Pencil是一个很有意思的Firefox扩展,能够满足基本的图形、图标创建的需要,推荐Firefox用户使用。

34. Palette Grabber
35. Dust-Me Selectors

清除无用的CSS选择符。

posted @ 2010-04-15 16:16  eping  阅读(534)  评论(0编辑  收藏  举报