2007-10-09

如果一个web开发者的PC到现在还没有装Firefox浏览器,在我看来已经不能算是一个合格的web开发者。首先一个web开发人员需要考虑的 就是跨浏览器问题,Firefox市场份额的急剧扩大,已经是web开发人员在开发过程中必须考虑的一款浏览器,而不像以前只要在ie上测试通过就可以。 还有一个更重要的原因是Firefox数量众多的插件和扩展,对于一个web developer来说,里面有很多非常有价值的工具。合理的利用这些工具,可以让开发事半功倍。

Debugging工具

Firebug - 可以让你实时的编辑html和css源码并preview,分类查看页面中的html、css、javascript代码以及dom树.

JavaScript Debugger - 一个强大的javascript调试工具.

Console Two - 帮助显示页面上的javascript错误和html语法警告.

Analysis分析工具

View Source Chart - 以图表的形式显示页面中用到的颜色.

OperaView - 在Firefox的tab中用opera打开页面.

View Dependencies - 显示当前页面中包含的已经加载的其他文件列表.

lori - 告诉你加载页面花了多长时间.

HTML Validator - HTML语法校验插件,会分析当前页面的html中出现的错误和警告.

CSS Validator - 验证css语法.

RSS Validator - 验证RSS格式.

Window Resizer - 调整窗口大小到各类标准大小,如1024*768,800*600等等,方便在各个大小下查看页面的显示效果.

IE Tab - 在firefox的tab中用ie打开页面.

ViewSourceWith - 默认情况下firefox中的“查看页面源代码”使用firefox的一个窗口打开的,这个插件可以指定外部的应用程序来浏览页面源代码。

CSS

Aardvark - 把鼠标移到页面元素上,会显示当前元素css的attributes和classes.

Font Finder - 功能同Aardvark差不多.

SEO

Niche Watch Tool - Very good plugin that provides you the technical information like backlinks, page rank, keywords strength… everything a webmaster needs to analyze his site.

KGen - This addon retrieves all words of a page and lets you know how many times they appear; interesting for SEO optimization.

其他

Greasemonkey - 允许你通过写javascript在客户端控制网站页面的显示。

ColorZilla - 颜色收集器,把鼠标移到页面元素上,可以显示出当前元素的颜色参数值.

Screengrab! - 保存当前页面为图片.

Image Zoom - 帮助你缩放页面上的图片.

Web Developer - 不多说了,web开发人员必须,功能超级强大.

ShowIP - 显示当前浏览页面对于的IP地址. ServerSpy - 显示当前浏览页面所在web server的具体名称和版本号

Tags: .
2007-09-01

这段时间装了一些扩展,Firefox的运行环境估计被搞的有点乱了,启动速度很慢,打开标签页的速度也没有原先快了。Google上搜了一下“speed up firefox”,找到些有用的建议。

加快启动速度:

  1. 选项-主要-系统默认值中,取消“启动时总是检查firefox是否为默认浏览器”。
  2. 在启动ff的快捷方式里面加入启动参数: /Prefetch:1,也就是比如:如 “C:\Program Files\Mozilla Firefox\firefox.exe” /Prefetch:1
  3. 另外在你的 FF 快捷方式后面加上 -turbo如 “C:\Program Files\Mozilla Firefox\firefox.exe” -turbo
  4. 删除一些不用的扩展和插件,还有一点要注意,有些扩展和插件是恶意的或者存在缺陷的,比如会导致内存泄露等等,对这类扩展建议删除。
  5. 高级-更新中,取消“自动检查下列更新”中的所有更新选项。
  6. 不要用花哨的主题(Theme),建议还是用默认的Firefox主题。
  7. 定期删除网页缓存和cookies。

加快网页浏览速度:

在地址栏输入“about:config”,设置以下参数的值:

network.http.pipelining, true
network.http.proxy.pipelining, true
network.http.pipelining.maxrequests, 30
content.notify.backoffcount, 5
plugin.expose_full_path, true
ui.submenuDelay, 0

(如果about:config中没有相关的参数,可以在Application Data下找到一个prefs.js的文件,在里面加javascript代码就可以了)

更多的设置或者一些帮助加速的插件见下面的相关链接

Tags: .