Tags: .

如果一个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的具体名称和版本号


评论

Good.Be the first to comment on this entry.

Post comment

comment has COPYRIGHT too!