注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

我的绿色软件、网络笔记仓库

 
 
 

日志

 
 

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

2010-04-11 14:18:41|  分类: Firefox |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

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

功能实在强大!

安装好扩展后你的火狐会增加一条Web Developer工具条。分为这样几个部分:Disable、Cookies、CSS、Forms、Images、Information、 Miscellaneous、Outline、Resize、Tools、View Source、Options。

由于我也还没有摸透用处,只大略说下我暂时了解的用途。

Disable中,可以屏蔽JavaScript脚本、缓存、mete自动重新定向、背景、甚至禁用弹窗等等, 所以它的官方宣传也有更安全的上网。

Cookies中,貌似是可以查看,编辑当前页面的Cookies信息,还 可以手动增加Cookies信息。

CSS中,强大强大啊!可以查看当前页的CSS样式表,多个样式表分成多个标签,可以自己切换查看,并实时查看 效果!

Forms中,可以对页面的表单进行控制,还有一个选项是显示密码?我也不知道怎么用呢。

Images中,控制页面图片,可以屏蔽,修改图片属性,alt值之类的。

Information中,有时很强大的功能哦!可以查看当前页面属性,如颜色,文本大小,整页的超链接,甚至 JavaScript都可以。还有所有的id,class,table等其他元素的名称,占位信息。

Miscellaneous中,这个很有趣哦!我刚用就被吓着了,强大过头了吧!可以显示页面的辅助线,面积, 以及一些测量,就像Photoshop这类图形软件一样。哈哈,还可以编写HTML,当然和CSS一样,也是可以实时查看到效果的。

Outline中,可以显示div,h1-h6,表单,单元格位置,嵌套级别,大小等等,不仅可以查看还可以针 对元素进行设置。

Resize中,可以显示当前窗口的大小,也可以自定义,或者使用800×600。

Tool中,可以将CSS及XHTML校验工具整合在一起,可以点击此工具中的校验选项对当前页面进行检验,它 会自动链接到相关校验页面,并返回校验结果。

View Source中,不用说了吧,查看源代码。

Options中,这个是修改Web Developer相应参数的。

30. ViewSourceWith

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

31. GridFox

32. Screengrab

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

33. Pencil

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

34. Palette Grabber

35. Dust-Me Selectors

清除无用的CSS选择符。

  评论这张
 
阅读(454)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017