十款提高开发效率的Firefox插件图文教程

Firefox浏览器能成为Web开发者和设计者最喜欢的浏览器,一个重要原因就是它有着丰富的插件可以用来辅助我们完成Web开发工作。下面给大家分享十款在Web开发工作中经常会用到的插件,利用好它们可以大大提高工作效率。

Firefox浏览器下载地址:http://www./softs/38431.html

1. FireBug



在众多插件中Firebug无疑是大家最熟悉用的最多的了。Firebug集成在Firefox中,提供了一套开发辅助工具,诸如页面HTML、CSS、Javascript的浏览、编辑、调试、网络监控等等……

2. FireShot



FireShot是一款具有完备功能的屏幕截图插件。除了传统的截取可见区域和截取整个页面外,fireshot还支持截取浏览器窗口。此外fireshot最强大的地方是其自带了功能全面的图片编辑器和图片上传服务,提供图片截取编辑保存的图片编辑功能。

3. ColorZilla



屏幕取色是Web设计时经常要做的工作,之前经常用第三方的取色工具,需要时还要再临时打开。有了ColorZilla插件就方便多了。 ColorZilla装上后在火狐的浏览器底部的附加组件栏和右键菜单均可启动它。除了鼠标取色外,还可以通过它对整个网页进行色彩分析。

4. FontFinder



浏览网页时,对字体敏感的设计师们经常有了解网页中文字是何字体的需要。FontFinder就是能帮你完成这一任务的插件。 FontFinder装上后在火狐的浏览器底部的附加组件栏和右键菜单均可启动它。FontFinder启动后,鼠标选中文字,点击鼠标左键,即可弹出选中文字的字体、样式等信息。

5. MeasureIt



MeasureIt是一把屏幕尺子,通过它可以丈量页面元素的尺寸。

6. ScreenGrab



ScreenGrab也是一款截图工具,相比前面提到的FireShot,我更喜欢它的快捷。安装后,可以在右键菜单生成整个网页或者选中部分的png图片。

7. FirePHP



通过它你可以在firebug的控制台中对php代码进行调试,具体使用可以参考这篇文章使用Firebug和FirePHP调试PHP

8. FireFTP



FireFTP是一个集成在Firefox中的免费、跨平台的FTP/SFTP客户端。

9. TinEye Reverse Image Search



相似图片搜索。TinyEye是一个相似图片搜索网站。这款插件可以通过右键点击网页上的图片,跳转至TinyEye网站搜索该图片的相似图片。

10. AutoCopy



安装后,当选中网页中某段文字后自动完成复制到剪贴板的功能,不必再去点击右键复制。这对大量的复制张贴工作提供了便利。

(0)

相关推荐

  • 十款提高开发效率的Firefox插件

    Firefox浏览器能成为Web开发者和设计者最喜欢的浏览器,一个重要原因就是它有着丰富的插件可以用来辅助我们完成Web开发工作。下面给大家分享十款在Web开发工作中经常会用到的插件,利用好它们可以大 ...

  • 几款提高工作效率最好的软件应用

    智能机高度普及的今天,利用好移动办公软件就能大大提高工作效率,加速实现自身价值. 无论是企业即时通讯.时间管理软件.还是成本管理软件--在移动互联网空前发展的今天,只要各位善用手机移动办公,充分整合碎 ...

  • 修改SQL Server Management Studio 默认设置从而提高开发效率

    先给大家分享一下 sql server 2012的下载地址 2012导脚本默认没有判断对象是否存在的,导致执行删除创建的脚本会先报一次错.可以在工具=>选项==>sqlserver对象资源 ...

  • 提高开发效率的10个小窍门

    操作方法 01 我愿意和你一起分享能够提高效率的最重要的小建议,这不但能够增加工作量,还能把更多的时间用在其他方面. 1.早上不要看邮件 如果有事情阻止你写这篇文章,说不定就是看邮件这件事情.再强调一 ...

  • 用Xcode的代码块提高开发效率的步骤详解

    通过Xcode中的代码块,我们可以只敲几个按键就能将一大串代码写入,下面来看具体操作步骤 1.先将需要编辑的代码写好,比如我要创建一个设置背景颜色的代码块,就这样写<#name#>.bac ...

  • 天气通怎么添加插件到桌面?天气通添加桌面插件图文教程

    天气通是一款很不错的天气软件,让你可以随时随地了解天气情况,但是每次都要点进应用去查看多少有些不够便捷,下面小编就来教大家天气通怎么添加插件到桌面,那么只需看一眼桌面就能掌握天气近况,非常方便。 提示 ...

  • ps zxp插件怎么安装 photoshop安装zxp插件图文教程

    教程背景:自己之前在网上下载好Guideguide时,首先就是个压缩包了,解压之后,文件夹里的是Guideguide-2.1.4.zxp的文件.按照以前的老办法,我就直接简单粗暴地把这个文件夹任性地丢 ...

  • 谷歌浏览器插件怎么安装 谷歌浏览器安装.crx扩展名离线插件图文教程

    谷歌浏览器插件作为谷歌浏览器的一大无法超越的特色,可以安装自己喜欢的插件到谷歌浏览器上进行使用,但是有许多用户朋友不知道谷歌浏览器怎么安装插件导致无法使用一些心仪的插件,接下来就一起看看谷歌浏览器插件 ...

  • mac如何提高网速?macOS dns设置图文教程

    在使用mac电脑的时候如果dns设置不好下载软件会很卡很慢甚至没有反应,今天小编就整理了相关的macOS系统网络设置,以及网络dns修改教程,通过此教程用户可以快速的访问apple的各种网络服务.如M ...