火狐在手 站长不愁(下)

站长空间

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

网页开发调试类

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

45-f17-1.jpg
图1

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

45-f17-2.jpg
图2

在安装好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属性,效果如图3所示。当你需要查看单独一个部分的CSS而不是全局CSS设置的时候,它将会是你的得力助手。

45-f17-3.jpg
图3

其他实用插件列表

伪装者——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打开。