火狐在手 站长不愁

站长空间

无论是写博客还是制作网页,想必站长们都有过这样的经历:一边打开Dreamweaver编辑网页代码,一边用Photoshop处理图片,来回在几个文档和几个浏览器页面间切换也是常事,编辑完毕之后还得用FTP工具上传到服务器。这么多软件之间来回切换会不会让你感觉到一个头两个大呢?试想如果可以把它们都集中到一个软件中,会是一件多么惬意的事情。好吧,就让我们利用Firefox这款浏览器强大的扩展功能,让梦想照进现实。

Firefox扩展的安装

在正式开始介绍之前,我们有必要先简单了解一下Firefox扩展的安装过程。

最简单的方法莫过于到官方扩展页面(英文:https://addons.mozilla.org/en-US/firefox/;中文:http://addons.mozine.cn/firefox/extensions/)进行在线安装。你只需要点击“install now”按钮或“立即安装”即可。Firefox会弹出“软件安装”窗口,确认后点击“立即安装”按钮即可自动开始安装(图1)。

44-图3.jpg
图1

对于不能在线安装的网站,我们需要先把后缀为.xpi文件下载到本地,然后任选以下一种方式进行安装。

1.进入Firefox,在菜单上点击工具→扩展,把.xpi文件拖进弹出窗口里,稍后Firefox会询问你是否要安装这个插件,点击是,并重启Firefox浏览器。

2.在菜单上点击文件→打开文件,在打开文件对话框中选择该文件即可。

然后点击工具→附加软件进入扩展管理对话框,所有已安装的扩展均可以在这里进行管理。你只须选择相应扩展,点击选项按钮即可进行相应的功能设置(图2)。

44-图4.jpg
图2

在安装好Firefox扩展之后,我们就正式进入Firefox的订制之旅了。为了方便整理和归纳,在这里把扩展分为以下类别,大家可以各取所需。

素材收集类

记事本终结者——Google Note(http://www.google.com/notebook/download)

这个就是我们说的Google笔记本,可以通过它方便地剪贴和收集信息。而且每条信息均会保留来源的链接以便必要的查阅。

月光宝盒——Session Manager(http://addons.mozine.cn/firefox/169)

当你同时打开很多窗口收集信息的时候,如果浏览器突然崩溃或者系统死机了,你会不会抓狂?反正我是有过这样的经历。不过在用上月光宝盒之后,这种事情再也没有发生过:它会在Firefox重新启动后自动恢复到崩溃前的页面。

留言监视器——coComment(https://addons.mozilla.org/en-US/firefox/addon/2005)

这个扩展让你追踪自己在其他网站上的留言。连火星人都知道,有时候网友们的留言往往比文章本身更有趣味、更有价值。^_^

重装上阵——ScribeFire(https://addons.mozilla.org/en-US/firefox/addon/1730)

也许你对这个名字还不是很熟悉,但一提到它的前身Performancing想必就知道了。重装上阵的ScribeFire加入了更强大的所见即所得编辑功能,支持更多的Blog平台,值得一试。遗憾的是,它对图片的支持仍然不够理想。

一页N用——Split Browser(http://addons.mozine.cn/firefox/496)

写文章的时候,在几个页面间来回切换是不是很麻烦?在它的帮助下你就可以在一个页面里打开多个窗口。如此一来施展复制粘贴大法就容易多了。

复制粘贴迷的福音——Copy Plain Text(https://addons.mozilla.org/en-US/firefox/addon/134)

组合键“Ctrl+C”和“Ctrl+V”爱好者必备,它会清除复制文本中的所有格式,这样就不用专门打开一个记事本来转换了。

图形图像类

修图我最行——Picnik for Firefox(https://addons.mozilla.org/en-US/firefox/addon/4889)

强大的在线图片编辑工具,可以直接将截图传送到Picnik网站进行裁剪与编辑。

吾善截图——Save as Image(https://addons.mozilla.org/en-US/firefox/addon/3408)

一个小巧的插件,可以让你在Firefox中轻松截取到网页、框架或任何你想要的部分。

没有什么截不了——Screen Grab!(https://addons.mozilla.org/en-US/firefox/addon/1146)

可以选择截取整个网页(包括屏幕没有显示出来的部分)、目前可视网页或连同Firefox窗口一并截取。甚至还能用鼠标框选截图范围。对于一些需要登录才能进入的网站,用它来截图会有奇效。

在前面的文章中,我们已经介绍过素材收集和图形图像两大类Firefox扩展,下面我们又准备了两大类Firefox扩展供各位参考,随着功能的强大,也许操作上也会变得复杂一些。不过当你耐心学习并体会到它们的好处之后,一定会对这些小玩意儿爱不释手的。

网页开发调试类

网页开发瑞士军刀——Firebug(http://addons.mozine.cn/firefox/531)

45-f17-1.jpg
图3

这只可爱的萤火虫可谓是Firefox上最强大的开发类扩展(图3)。当它和Firefox 整合在一起,你就拥有了一套免费而且强大的网页开发工具,调试网页的时候,终于可以和笨重的Dreamweaver说再见了。Firebug提供了从HTML查看和编辑到JavaScript脚本开发、从CSS样式表的调试到网络状况监视器等一整套工具,实在是网页设计师门开发JavaScript、CSS、HTML和 Ajax的得力助手。有了这款强大的工具,无论你是网络开发新手,还是资深的设计师,都可以如庖丁解牛般把各种网页开发调试中的难题轻松搞定(图4)。

45-f17-2.jpg
图4

在安装好Firebug之后,可以用快捷键F12调出主界面,从上图可以看到Firebug主要包含六个功能,分别是Console 控制台,HTML编辑器,CSS调试工具,Javascript编辑器,DOM查看器与网络连接监视器。限于篇幅的原因,我们不在这里讲具体的应用,有兴趣的朋友可以在官方网站http://www.getfirebug.com上得到所有你想知道的信息。

网页取色器——ColorZilla(http://addons.mozine.cn/firefox/498)

ColorZilla可以让你获取Firefox浏览器中的网页里任何一个像素的RGB值并复制到任何其他程序中使用,而不管这个像素所在的位置是图片、文字还是其他元素。为了能在网页中更精确的定位,它甚至可以放大当前网页至1000%。如果你和我一样对选取颜色很头痛却又不得不每天面对这些头痛的事情,它会是一个绝佳的选择哦。点击ColorZilla在状态栏上的吸管图标,鼠标就会变成一个小十字形。在页面上滑动鼠标,鼠标下面的像素的RGB值就会实时显示在状态栏上。

修改图片尺寸——Web Developer(http://addons.mozine.cn/firefox/32)

作为Firefox上一款老牌的调试开发工具,有其独到之处。Cookie设置、实时调整CSS、根据预设调整窗口大小,CSS及XHTML校验等功能都是非常实用的。除了观看源代码,修改CSS等诸多功能,它还可以修改图片尺寸,对于一些禁止用右键查看图片地址的网页,它可是个杀手锏。

CSS一点通——CSS Viewer

利用CSS Viewer可以快捷地选择指定的网页部分,然后在一个浮动窗口中显示它的各种CSS属性,效果如图5所示。当你需要查看单独一个部分的CSS而不是全局CSS设置的时候,它将会是你的得力助手。

45-f17-3.jpg
图5

其他实用插件列表

伪装者——User Agent Switcher(http://addons.mozine.cn/firefox/120)

可以伪装成 IE或伪装成搜索引擎机器人。

网页里搞定FTP——FireFTP(http://addons.mozine.cn/firefox/289)

FireFTP是FireFox上的一款FTP客户端插件,功能上丝毫不逊色于本地FTP客户端。

网站排名随时看——SearchStatus(https://addons.mozilla.org/en-US/firefox/addon/321)

通过这个简单的扩展,你就可以在浏览器的状态栏方便的查看当前网站在各类搜索引擎中的情况。

了解收入状况——AdSense Notifier(http://addons.mozine.cn/firefox/376)

有了AdSense Notifier,打开Firefox浏览器,就能对Google Adsense收入状况,网页展示次数,点击次数,网页点击率等等资料了如指掌。

自动获取网站信息——Mr. Uptime(https://addons.mozilla.org/en-US/firefox/addon/5490)

Mr. Uptime会以最快的速度在Firefox 上提示用户,你想去的那个已经挂掉的网站是否已经恢复正常。

最后的杀手锏——IE Tab(http://addons.mozine.cn/firefox/53)

对于网上银行,支付宝这些只支持IE的网站以及无法在Firefox下正常播放音视频的网页,你可以设置过滤器让它们总是用IE Tab打开。