当前位置: 首页 > 图文教程 > 网站运营 > 建站经验 > 20个火狐插件-网站前端开发必备

建站经验
评价网站推广的效果的方法
中国流量巨大的10种类型的商业网站
轻松快速打造PR5的网站
新手需要了解的网站建设的过程和步骤
推广个人博客最好办法 免费书签收藏代码
能坚持下来的站长让痛苦来的更猛烈些吧
博客首页该如何布局才能吸引与留住人
用户需求网站目标涉及行业盈利模式决定你做什么
建站流程应该是边修改边上线 推荐
建站经验谈 豆瓣网怎么推广的
GOOGLE在中国市场落后的5点原因分析
地方分类信息网站的有效推广方法小结
跟Alexa类似的网站流量跟踪的5个国外网站
网站建设与SEO的流程图
关于解决网站内容复制几点建议 强烈推荐
开心网转帖功能 网站推广经验
Site 网站首页不在第一页的原因及解决方法
解决首页不在第一页的问题的方法参考
网站推广 如何招兼职网络推广员
网站用户体验与公交车的用户体验

建站经验 中的 20个火狐插件-网站前端开发必备


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-26   浏览: 203 ::
收藏到网摘: n/a

一般来说使用firefox火狐浏览器都会安装插件,而对于网站前端开发人员来说,使用火狐更多的是为了方便调试网站,CSS和JS等。所以这里我们专为前端开发这推荐以下的20个火狐插件,这些都可以帮助你提高工作效率:

1-InspectorWidget

Firefox add ons


在工具栏上添加按钮和菜单用来调用DOM查看器,查看chrome和元素。

 

2-Web Developer

Firefox add ons


一个很实用的扩展,为Firefox添加一个含有不同web开发工具的菜单和工具条。

 

3-IE View

Firefox add ons


右击在IE中查看当前页面,还可以标记某些特定页面总是用IE中打开。

 

4-TinyUrl Creator

Firefox add ons


通过在浏览器中右键单击,用tinyurl为某些长url或链接创建缩略地址,方便在twitter和email传送。

 

5-EditCSS


放在侧边栏里的样式表调节器。

 

6- View formatted source

Firefox add ons


是否曾想过不用擦好看css源文件就可以查看到页面中每个元素的样式,眼前这个很棒的扩展就可以做到。你可以精确的看到哪条css规则和哪个元素匹配。每条css规则显示包括文件名和行号。顶端的元素具有最高优先级。(这是一个1.0-2.x时代的FF扩展)

 

7- Firebug

Firefox add ons


最棒的扩展之一。我想怎么推荐这个插件都不过分!
有了Firebug,你可以实时的在任何Web页面中编辑,调试,乃至查看CSS,HTML还有。你甚至还可以用它来学习CSS。

 

8- Image Download


这个扩展能够下载页面中所以的图像,帮助提升图像的下载速度。同时,你还可以通过长宽,类型来设置过滤下载你想要的。

 

9- JavaScript Debugger


为基于Mozilla的浏览器提供一个强大的JavaScript调试环境。

 

10- Greasemonkey

Firefox add ons


这可以说是一个必装的扩展!它将彻底改变你的互联网体验将。有了它,你可以通过少量的JavaScript来定制Web页面的显示方式。在http://userscripts.org上,你可以找到针对各种热门网站,数以百计的Greasemonkey脚本。

 

11- JSView

Firefox add ons


所以浏览器都有”查看源代码“选项,但是却没有一个提供查看外部文件源代码的功能。你可以使用JSView扩展来解决这个问题。如果你所浏览的网页中包含任何外部js/css文件,会出现一个图标告诉显示”SS“、”JS“ 或者都显示。每个独立文件都可以通过单击文件名来查看。文件将在新窗口中打开。

 

12- Html Validator

Firefox add ons


HTML验证器扩展向Firefox和Mozilla中添加了HTML验证功能。当浏览网页时,在状态栏上可以看到一个图标显示当前HTML页面中的错误。

 

13- ColorZilla

Firefox add ons


一个高级取色器和页面缩放工具。允许用户从浏览器中的任何位置获取颜色,快速调节这个颜色的参数并粘贴到其他程序中。还可以对你所查看的页面进行缩放,测量页面中两点间的距离。内置的调色板工具允许从预定义颜色集中选择颜色,并能在自定义调色板中存储常用颜色。

 

14- LinkChecker

Firefox add ons


检查页面中链接的有效性。

 

15- FireFTP

Firefox add ons


FireFTP除了能够快捷高效的传输文件,还包含许多高级特性,例如:目录对比,同步目录,SFTP,SSL加密,搜索/过滤,内置检查,远程编辑,拖拽操作,等等。

 

16- Codetch

Firefox add ons


让你有Dreamweaver感觉的Firefox扩展。就在你浏览的页面旁编辑你的文件。

 

17- YSlow

Firefox add ons


YSlow是对Firebug的一个很好补充。通过YSlow,你可以轻松发现在你网页中最慢的部分并改正它们。YSlow分析Web页面,并基于Yahoo的高性能Web页面标准告诉你它们缓慢的原因。

 

18- FireShot

Firefox add ons


为浏览器添加截图功能(整个页面或者可见部分),然后你可以编辑截图,添加注解并上传到服务器,保存 (PNG, GIF, JPEG, BMP),打印(新功能!),复制到剪贴板,用外部编辑器编辑或者通过email发送。

 

19- Pixel Perfect

Firefox add ons


一个允许Web开发者、设计者轻松向开发中的HTML页面之上覆盖Web其他成分的Firefox扩展。 (这是个基于Firebug的扩展,看了官方的文档,加上我个人的理解,这个扩展是用于把前期设计师在诸如PS上建立的网页原型图片作为"蒙版"蒙在浏览器上 - 图像透明度,位置都可以调节,但一次只能选择显示一张图片作为"蒙版" - 然后开发人员再在其上进行其他操作。)

 

20- Snapper

Firefox add ons


Snapper允许用户为web页面中特定区域截图。