2012年6月21日星期四

设计师必备的15款Firefox扩展

firefox是很多人的最爱,尽管中国用IE的人还是最多,尽管Google Chrome来的轰轰烈烈。其中使用Firefox的人群中,设计师占很大一部分,因为Firefox拥有很多优秀的扩展能提高设计效率。下面就让我们看看15款能够帮助设计师的Firefox扩展。

1. IE Tab

浏览器兼容是所有Web开发者都要考虑的问题,IE Tab能够让您再Firefox中以IE的渲染方式来呈现页面,并且可以方便的在两者之间切换。

2. Style Sheet Chooser II

Style Sheet Chooser II 允许浏览者或开发者迅速的在为同一页面编写的不同样式之间来回的切换,甚至能够保证被选择样式应用到该站点的全部页面上. Style Sheet Chooser II 会覆盖Firefox内置的样式表切换器[style-sheet-switcher].

3. CSSViewer

一款小巧的CSS属性查看器,随着鼠标的移动显示当前所指示元素的CSS样式信息,其中包括了所有从父级元素继承而来,用户自定义以及浏览器自定义的样式信息. 同Style Sheet Chooser II 一样,你也可以通过在工具栏添加该扩展的图标按钮来激活/禁用该扩展。

4. CSS validator

用W3C的CSS标准来校检页面,在新页面中显示校检结果,不过只对包含了CSS样式文件的页面起作用,例http://www.w3.org/其快捷按钮既可添加在右键菜单中也可添在工具栏上.

5. ColorZilla 2.0

ColorZilla的主要功能有:将浏览器页面内的任何一点转换为16进制的颜色字符串,方便您快速的将其粘贴到其他的CSS样式中;通过缩放页面来测量其上任何两点之间的距离;从内置的调色板中选择预置的颜色,并把最常使用的颜色添加到自定义的调色板中;

分割一下,中间添加点链接,你也许会感兴趣的一些Firefox扩展文章

6. FireShot 0.59

FireShot能够方便的创建页面的截图[略缩图],相比于其他的扩展,FireShot提供了一系列的编辑和注释工具,方便你快速的修改所捕获 图像或者添加文本,图像注释. 这些功能对于网页设计者,测试者,和浏览者都很有用, 此外用户还可以自己定制所要捕获的范围,是页面全部还是屏幕的可见部分.

7. LinkChecker 0.6.3

LinkChecker用于检查页面上超级连接的有效性,验证其是否已经损坏.

8. Font Finder 0.5c

选择一段文本或一个元素,单击右键并在菜单中选择”Font Finder”,就能看到所选取对象的字体信息

9. LiveHTTPHeaders

10. SearchStatus 1.26

11. FireFTP

12. MeasureIt 0.3.8

通过可以绘制在页面任何地方的刻度尺来显示以像素(px)计算的宽度,高度,元素缩进量
13. Html Validator 0.8.5.2

html Validator,一款为Mozilla和Firefox添加HTML验证的扩展,能够在状态栏的图标上标注当前页面的HTML语法错误数量,不仅会校检服务器发送来的HTML文件,也会校检内存中的HTML代码(通常为执行ajax请求后的返回值)

14. CSSMate

在线的CSS编辑器扩展插件

15. Firebug

备受追捧的一款Firefox扩展。Firebug 和 firefox 整合在一起,使你浏览网页时手边有了一套强大的网页开发工具。你可以编辑. 调试和监控任何网页上的 CSS. HTML 和 javascript。要查阅文档. 截图和论坛请访问Firebug的网站:http://www.getfirebug.com。

via

来源于 设计师必备的15款Firefox扩展 | 帕兰映像

没有评论:

发表评论