Dec 27, 2008
分享下我的15个FF扩展 - [推荐]
版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://carefen.blogbus.com/logs/33036503.html
FireFox是个忒强大的浏览器,分享下我现在用的扩展,我觉得还都算蛮好用的。(适用于FF3.0,其他版本未测)
网页开发:
1、Firebug-WEB调试开发利器
Firebug是一个强大的前端开发调试工具,虽然是Firefox的一个扩展,但她比好多独立的软件有用的多,功能包括查看网页源代码,CSS,脚本,还带有一个DOM查看器…很明显地节约了前端开发工程师的效率。
----------------囧囧有神的分隔线----------------
2、Web Developer
Web Developer在功能上与Firebug相当,但是我个人觉得Web Developer好用一点,因为可以自由地选择要显示的,不显示的,包含的功能很丰富,还包含了网页标准认证的按钮和提示,对CSS开发者来说应该相当方便。我常常是这两个扩展一起用。
----------------囧囧有神的分隔线----------------
3、CSS Viewer
CSS Viewer是个比较简单美观的CSS查看器,没有什么其他的功能,CSS查看的功能虽然不及Firebug和Web Developer,但是这个工具方便得多。如果你只想看看网页上特定元素的CSS属性,安装这个扩展后,在工具菜单里选择CSSViewer这项,就可 以用鼠标指向相应的网页元素来看CSS信息了,免得去打开那个Web Developer或者Firebug。
----------------囧囧有神的分隔线----------------
4、FireFTP
建站期间文件什么的都要往服务器上传吧,大家多数选的软件都是诸如FlashFXP之类的专业FTP工具, 我以前也用的这个。但是现在我选择了FireFTP,整合在FF里,用起来相当方便,速度也很理想。
----------------囧囧有神的分隔线----------------
设计相关:
5、ColorZilla-网页元素取色器
安装好ColorZilla后,其按钮应该出现在Firefox窗口的左下方,点一下按钮,你的鼠标指针就变成了一个十字,指到哪里,就会在状态栏显示出当前元素的颜色的信息,并且ColorZilla的图标背景颜色也会变成指针所在点的颜色。在当前元素的周围还会有一个虚线框,如果你想要分析Css文件的话,这种信息也是很有帮助的。
虽说Windows下的取色软件很多,不过集成在FF里,用起来还是相当方便的。
----------------囧囧有神的分隔线----------------
6、MeasureIt-网页尺寸随意量
这是一个非常方便的网页元素测量标尺,可以协助你调整页面元素的布局。安装MeasureIt之后,Firefox左下角会出现一个标尺的图标。点击一下,就可以在页面上选择一个选区,然后会以像素为单位把尺寸显示在边上,对于做网页的童鞋,是非常有用的!强烈推荐~
----------------囧囧有神的分隔线----------------
7、Pearl Crescent Page Saver-将网页保存成图片Pearl Crescent Page Saver有免费版和收费版两种,免费版的功能就已经足够我们日常使用了。
Pearl Crescent Page Saver 可以有多种工作方式:保存当前可见的网页局部、保存整个网页、保存当前框架中的网页,还可以设置图片格式、对图片进行缩放。
至于把网页保存成图片的好处嘛,萝卜白菜各有所爱,各取所需嘛。
----------------囧囧有神的分隔线----------------
常用工具:
8、Gmail Manager
这是一款允许你管理多个Gmail的账户,并且收到新邮件后会通知你。能显示你的账户资料,包括未读消息、已存草稿、垃圾邮件、新邮件标签、已用空间,以及新邮件摘录。
----------------囧囧有神的分隔线----------------
9、Integrated gmail
Integrated Gmail可以将 Google 的全系列服务都整合集成到 Gmail 界面中!
Google 服务重度使用者有福了!Firefox 使用者有福了!宽屏使用者有福了!
Gmail 本身就已经足够强大。强悍的邮件管理能力姑且不提,还内置了 Gtalk,并且有提供 Google Calendar 和 Google Docs 的小型 Widget。
而现在借助 Integrated Gmail 这一个 Firefox 扩展, 可以将 Google Calendar 和 Google Docs 的完全版都内置到 Gmail 界面中。Intergrated Gmail 支持的 Google 服务有 Notebook、Groups、Maps、Picasa、Sites、News、Portfolio、Gadget,你可以选择添加常用的 Google 服务。
----------------囧囧有神的分隔线----------------
10、Link Alert-链接目标资源提示器
安装Link Alert之后,你的鼠标指针在指向一个链接时会在鼠标指针边上多出一个小图标,效果如下图。
----------------囧囧有神的分隔线----------------
11、SiteLaunchy-快速打开常用网站
SiteLaunchy是一个让你快速打开常用网站的Firefox 扩展。
安装后,你可以通过 Ctrl + Space 快捷键(可自定义)呼出一个快速启动界面,其中有你预先设定好的常用网站。快速启动界面非常漂亮,使用了流行的圆角、透明、渐变等视觉效果,而且还支持一些自定义设置。
12、IE Tab
让FF也能内嵌IE核心。在使用支付宝、网银时尤其方便,轻松点一下就能切换到IE内核。
----------------囧囧有神的分隔线----------------
美化界面:
13、Fission
可以在地址栏中显示当前页面的载入进度,并且可以通过修改 userChrome.css 文件自定义样式。
----------------囧囧有神的分隔线----------------
14、Hide Menubar
支持自动隐藏主菜单工具栏,临时显示请按 ALT 键。
----------------囧囧有神的分隔线----------------
15、Chromifox
FF的chrome皮肤。
----------------囧囧有神的分隔线----------------
其他如鼠标手势之类的也很好用,各种工具也很多,就不一一写了。本文为原创,转载请告知:)。
随机文章:
收藏到:Del.icio.us
















评论
我在用chrome,里面就内置了代码查看器,感觉和firebug很想,恩 谢谢分享 收藏了~
CSS Viewer的功能firebug有,MeasureIt的功能web developer有。
另外,firebug和web developer的功能都是很强劲的,还要好好挖掘哦
这次再收藏你的SiteLaunchy和IE Tab