常用的几个Firefox扩展插件

2010年6月9日星期三 | | |

Firefox的插件实在是太多了,今天,我们只讲一下在进行网站的DIV/CSS设计与调试中所使用到的几个插件。

1、 IE Tab 插件

首先就是IETab,这个插件的功能很简单,就是一个在Firefox 的框架下,在IE内核与Firefox内核之间切换的工具,安装完毕以后,就会在Firefox下方的状态栏中出现一个图标,单击这个图标,就可以轻松实现这两个内核的切换,这样,可怜的站长们就不用在两种浏览器中频繁切换来看网页的设计效果了。

2、 Web Developer 插件

其次就是大名鼎鼎的Web Developer,这个工具在这里就不再细讲,他的功能确实太牛了,网上有很多有关他的教程,这里有详细教程:http://hi.baidu.com /lesliespace/blog/item/88f4b9b596ea80c836d3cab3.html。大家去看就是了。在这里只是简单的说一下他的CSS菜单,在这个菜单中,除了能显示css代码、显示各个元素的样式信息、显示网页的手持式设备显示效果等功能外,最方便的就是它可以在线调试 css代码,在界面上可以实时看到调整后的显示效果。调试css代码简直太方便了。

3、 Html Validater插件

当你完成了一个网页后,如果你想检查你的代码是否标准,是否最优,大家最常用的就是W3C网站的在线校验工具了。网址是:http://validator.w3.org/,大家只要输入自己的网址就可以了。经过测试后,网站会生成一份测试报告,将你的网站中所有不符合 W3C标准的代码为你标识出来,并告诉你应该如何处理。

而在Firefox中也有一个类似的插件,可以完成同样的功能,Html Validater。安装这个插件后,当你浏览网页时,就会在浏览器的右下角会显示出该网页目前有N个Errors,N个Warnings,N个 access Warnings。只要双击这个区域就会显示出该网页的源码、错误信息、错误信息所在位置,并给出修改错误的方案。同时,这个插件也提供了在线的W3C校验的链接,也可以很方便的进行W3C检测。

一般来说,校验网页中出现的Errors一定要修改过来的,这些都属于比较严重的错误,至于Warnings,也建议尽量的改过来,如果 Warnings 太多,说明你的代码有很多不规范的地方,在一定程度上,会影响用户或蜘蛛访问网页的速度;至于最后的access Warnings则不必理会,其实,这些Access Warnings只是一些建议而已。即使是W3C机构的网页也有133个access Warnings。

4.Google toolbar

Google toolbar 估计是大众化产品了,基本上使用Firefox,甚至使用IE的朋友应该很多都会使用到这工具条。尤其是Goolge产品的忠实粉丝更加离开不了他,而我对这产品最依赖的地方在于Gmail按钮,搜索工具,Google文档,翻译,书签,当然还有Page Rank工具条。

5.Firebug

感觉这插件更适合网页设计的朋友使用,主要用来测试你所设计的网页对于Firefox浏览器的兼容性,是否符合W3C规范并且通过改变html或者css样式来调整你的网页,这是网页设计人员不可或缺的插件。


6.FireFTP

虽然最近常用朋友推荐的开源FTP软件Filezilla,但是FireFTP对于测试网页改动还是能够十分便利。直接在网页上输入主机,账号密码就可以登陆,无需新增开一个软件,似乎越来越感觉到未来云计算的强大了。

#####################################################################################################


1. CSSMate - 在线的CSS编辑器扩展插件
2. ViewSourceWith - 让你查看页面资源的Firefox扩展应用
3. PicLens - 变换你的浏览器为一个三维的浏览环境来查看网页图片的Firefox扩展插件
4. FireShot -强大的网页截图/截屏插件
5. SeoQuake - 搜索引擎优化和网站推广插件
6. Font Finder -简单的高亮一个事件并且左键点击弹出菜单可以查看CSS样式
7. Live HTTP Headers - 在浏览网页的同时查看一个页面的HTTP头部信息
8. Modify Headers - 允许你添加、修改或过滤http头部请求信息的Firefox扩展插件
9. CSSViewer -一个简单实用的扩张,可以让你查看当前网页中任何部分的CSS代码
10. EditCSS - 只需要右键点击就可以在浏览器的侧边栏中查看和编辑样式表代码
11. Firebug - 查看,编辑和跟踪 网页上面的CSS, HTML和Javascript的Firefox插件
12. View Formatted Source -为网页上的每一个元素格式化并使用不同的颜色高亮显示
13. Professor X -让你不看源代码就能看到页面头部信息的Firefox插件
14. CSS validator - 一键检查当前网页是否符合W3C CSS 标准的验证器插件
15. Validaty -提供给你一个类似于validator.w3.org的校验器按钮
16. Html Validator - 添加HTML校验器
17. Copy as HTML Link -给选中的文本创建一个当前页面的HTML链接
18. TableTools - 过滤、排序 HTML表格等的Firefox扩展插件
19. CHM Reader - 让Firefox支持HTML编译文件的Firefox扩展插件
20. PageDiff - 帮助网页设计者和开发人员在不同的网页之前查看页面源代码
21. Clipmarks - 让你保存当前页面中的任何元素的Firefox插件
22. SourceEditor - 查看和编辑HTML元素代码的Firefox扩展插件
23. Total Validator -使用官方DTDs提供一个真正的HTML检查器的Firefox扩展插件
24. LinkChecker - 检查任何网页上面的有效链接的Firefox扩展插件
25. Web Developer - 添加一个菜单和工具栏,包含各种网页开发工具的Firefox扩展插件
26. Style. Sheet Chooser II - 让你选择网站作者为网站提供的候补风格的Firefox扩展插件
27. View Dependencies -显示网页上面所有被装载的元素信息的Firefox扩展插件
28. Accessibar - 可以轻松地操纵网页显示和文本语音输出的Firefox扩展插件
29. Aardvark - 用来清楚网页的冗余信息和打印网页等功能的Firefox扩展插件
30. JSview - 添加能够查看外部档案源代码的功能
 
 
我的QQ空间
在线动漫视频[火影忍者]Naruto 第383集「爆发 仙人模式」 抢新版
最新动漫视频[火影忍者]Naruto 第383集「爆发 仙人模式」 ...
 

0 评论:


所有文章收集于网络,如果有牵扯到版权问题请与本站站长联系。谢谢合作![email protected]