推荐给Web开发人员的Firefox扩展
上次在北京的Open Party上给大家分享了一些Firefox扩展,这些扩展包括Firebug、Webdeveloper、Live HTTP Headers等等,对我来说,没有这些东西就没法干活。所以我再一次地、正式地向大家推荐。
用Firefox的人都知道。用Firebug可以查看节点信息,查看网络交互等等。他强大的调试功能在各种浏览器中,算是最好用的。回头有必要的话,我会专门总结一下JavaScript调试经验。
这个工具条包含了非常全面的工具。对于我来说,经常用到的大概是disable cache,View Form Info,Resize,View Frame Source等等。你想用的DOM查看和操作工具,这里基本都有。
可以随意测量网页上的区域。这个功能虽然单一,但是会给你带来意想不到的方便。在你的网站上,随时随地任意地测量。
HTML代码的规范性检查。能够快速通知你的网页是不是符合规范。更重要的是,可以在查看源代码页给出所有的警告和错误信息,并给出相应的规范和修改建议。我第一次使用的时候,惊讶地发现,我们的网站上有那么多警告和错误……当然,这些警告大都不用理会,不过这个扩展,当网页由于标签不闭合而在IE6下无法打开时,能大大地派上用场哦。
我用这个工具检查到新浪女性首页有4个错误链接!当我告诉女性频道编辑时,他们说——老田,千万别把这个工具告诉总编室的人……
很快知道当前页面的加载时间,页面大小,图片数量,等等。非常方便。
老牌的js调试工具,以前叫做Veckman。功能十分强大。调试起来要比Firebug方便,同时用来调试Firefox扩展也非常不错。不过个人认为速度有点慢。
Obtrusive JavaScript Checker,可以快速找到inline js事件,还有javascript:。为什么要找出来呢,因为JavaScript should be unobtrusive,还可以看a list apart的经典文章Progressive Enhancement with JavaScript。
JSView能够快速列出当前页面加载的外部js文件和css文件。别看这是一个小功能,它能带来的便利真是无法描述的!
功能类似于IE下面的HTTP Watch,能够查看HTTP请求和响应。还可以根据需要进行正则过滤,例如过滤掉图片文件,js文件,等等。另外,Tamper Data也挺好用,最近刚发现,哈哈。
好了,就先推荐这么多吧,我的Firefox还装了很多有用的扩展,今天只介绍开发人员可能需要的。欢迎大家交流。
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
LinkChecker
我用这个工具检查到新浪女性首页有4个错误链接!当我告诉女性频道编辑时,他们说——老田,千万别把这个工具告诉总编室的人……
这帮编辑。。。。。明花就是用的这个测试的?
@GourdBoy 是啊!Liujia她们就是这么测的。