26个有趣的Firefox 3.0插件,供网页设计师和开发人员使用

不管你听说过多少关于谷歌Chrome的好事情,在网页设计和开发方面,Firefox仍然是你能找到的最好的浏览器,它拥有最友好的开发环境。

见鬼,Firefox甚至有一个专门为web开发人员构建的浏览器版本。这就是Mozilla对web设计人员和开发人员的关心程度。

Firefox也有大量的扩展集,这些扩展可以使浏览器获得最大的效果。以下是一些最好的Firefox插件,您可以使用它们来简化您的web开发工作。

安装、测试并充分利用这些扩展。毕竟,它们都是免费使用的!

# 1 Firebug

  • 最好的:Web设计人员和开发人员。
  • 它所做的:检查网页。

Firebug是web设计人员和开发人员都离不开的扩展。这个扩展类似于Firefox附带的集成开发人员控制台的高级版本。但是,Firebug使您更容易检查web页面上的元素,并查看不同网站上的元素是如何工作的。

# 2 FireFTP

  • 最好的:Web开发人员。
  • 它所做的:火灾转移客户端为Firefox。

FireFTP是一个针对Firefox的FTP/SFTP客户端,它可以让你安全地在你的电脑和服务器之间直接上传和传输文件。多亏了这个插件,你再也不用在浏览器和FTP客户端应用程序之间来回切换了。

# 3 Web开发人员

  • 最好的:Web开发人员和设计人员。
  • 它所做的:分析和检查网页。

这是一种集多种功能于一身的扩展,为您的Firefox添加了许多有用的工具。这个附加组件中包含的一些工具包括显示和编辑CSS样式表、禁用样式、调试工具等。

# 4 ColorZilla

  • 最好的:前端设计师。
  • 它所做的:颜色分析工具。

ColorZilla是一个伟大的工具,所有前端网页设计师将发现是非常有用的。这个插件有一个滴管,用于快速选择网页上的颜色,一个CSS梯度发生器,颜色分析仪,调色板,和更多。

# 5 Greasemonkey

  • 最好的:Web开发人员。
  • 它所做的:改变网站与自定义代码。

Greasemonkey是一款深受超过一百万Firefox用户喜爱的扩展,你可以从中获得无尽的乐趣。这个插件的作用是让你通过编辑自己的JavaScript代码来定制流行的网站。您也可以从其他开发人员已经创建的脚本中获得乐趣。

# 6像素完美

  • 最好的:前端设计师。
  • 它所做的:调整web元素的偏移量。

一个简单但有用的插件,它允许你检查元素,并通过创建一个透明层的合成来直观地看到元素中有多少像素的偏差。使用这个组合,你可以调整你的真实网页,以匹配覆盖,以达到最好的结果没有任何猜测的工作。

例如,如果web页面上的一个图像与另一个对象重叠,您可以使用Pixel Perfect来确定需要调整多少像素才能将该图像放到正确的位置。

# 7 DownloadThemAll

  • 最好的:网页设计师。
  • 它所做的:下载网页上的所有内容。

这个插件名副其实,你可以下载网页上的所有内容。只需单击一下,您就可以使用此插件下载web页面上包含的所有图像、链接和更多内容。它也有一个集成的下载加速器,优化下载速度4倍。

#8 IE标签V2

  • 最好的:前端设计师。
  • 它所做的:在Internet Explorer环境中测试web页面。

信不信由你,有些人仍然使用旧版本的ie来浏览网页。设计在这些旧浏览器上运行良好的网站是网页设计师仍在努力解决的问题之一。这个插件使事情更容易调整你的网页设计为旧的IE浏览器创建一个新的标签与IE环境。

# 9砖块

  • 最好的:Web设计人员和开发人员。
  • 它所做的:了解网站上使用的技术。

想知道什么样的技术是用来建立你最喜欢的网站?然后这个附加组件就会派上用场了。BuiltWith是一个扩展,它允许你扫描网站,找到在页面上使用的技术。一个很好的工具,为所有有抱负的网页设计师学习建立网站。

# 10 QuickJava

  • 最好的:Web开发人员。
  • 它所做的:打开或关闭Java。

这个附加组件可以让您轻松地在浏览器上打开或关闭Java。它还可以关闭网页上的Javascript、cookie、动画图像、Flash等。这是一个有用的插件,不仅对开发人员,而且对普通用户,以提高浏览器的安全性和降低带宽使用。

# 11 MeasureIt

  • 最好的:前端设计师。
  • 它所做的:测量web元素(以像素为单位)。

这个附加组件的功能很简单,它只允许您在web页面或页面上的元素上绘制虚拟标尺,以像素为单位测量web页面上元素的宽度、高度或对齐方式。measure reit将为大多数前端设计师制作模型提供便利。

#12快速区域设置切换器

  • 最好的:前端网页设计师。
  • 它所做的:切换Firefox的语言。

这是一个非常有用的工具,可以立即将您的Firefox转换成另一种语言。浏览器中的一切,包括用户界面、拼写检查字典和网站内容都将切换到您选择的语言。一个伟大的功能,你可以使用时,设计多语言的网站。

# 13假Lipsum

  • 最好的:前端设计师。
  • 它所做的:生成虚拟文字。

为你的新网站模型和原型生成虚拟文本是一个无趣的任务,没有一个网页设计师喜欢做。这个附加组件允许你直接从Firefox生成“Lorem Ipsum”虚拟文本,从而使这个过程不那么无聊。

# 14饼干经理

  • 最好的:Web开发人员。
  • 它所做的:编辑和创建网站cookies。

这个附加组件不仅是关于管理您的网站cookies,它还让您轻松编辑和创建新的cookies。该插件的一些功能包括一个内置的cookie查看器,可以更改域,一个cookie的路径和名称,可以一次编辑多个cookie,等等。

# 15选择器

  • 最好的:前端设计师。
  • 它所做的:从网页中挑选颜色。

一个易于使用的滴管工具,可以让你选择网页上任何像素的颜色,并轻松复制的RGB或十六进制颜色代码使用自己的设计。这个工具的漂亮和可视化的界面使初学者更容易学习网页上的颜色。

# 16 Wappalyzer

  • 最好的:Web设计人员和开发人员。
  • 它所做的:了解网站使用的软件。

与add-on的BuiltWith类似,Wappalyzer是另一个有用的扩展,它可以让您了解在网站上使用的是哪种软件。例如,您可以了解网站使用的CMS类型、网站服务器使用的操作系统,以及这个附加组件的更多信息。

# 17用户代理切换器

  • 最好的:Web开发人员。
  • 它所做的:更改浏览器的用户代理。

想知道你的网站在不同的平台和操作系统上是什么样子吗?这个工具迟早会派上用场。用户代理切换器允许您在不同的平台(如Android、Mac、Windows)之间切换,并选择操作系统来更改浏览器的用户代理。

标签页内存使用情况

  • 最好的:Web设计人员和开发人员。
  • 它所做的:示例浏览器选项卡内存使用。

这是一个方便的附加组件,可以帮助您确定Firefox上每个打开的选项卡使用了多少计算机资源。您可以使用此工具来计算您的网站使用了多少资源,并优化网站以获得最佳性能。

用Photoshop打开

  • 最好的:前端设计师和平面设计师。
  • 它所做的:在Photoshop中打开图像。

这个插件做了标题上说的事情,它简单地通过Photoshop打开你在网页上找到的图片。不需要下载图像或启动Photoshop,插件将为你做所有的工作。

# 20 TableTools2

  • 最好的:前端设计师。
  • 它所做的:增强了HTML表。

图表,统计,比较,表格,这个附加组件可以做所有的事情。您可以使用此工具轻松创建高级和漂亮的HTML图表和表。

# 21 FireSSH

  • 最好的:Web开发人员。
  • 它所做的:用于Firefox的SSH终端客户端。

通常,您必须安装一个应用程序来启动SSH终端。这些应用程序因操作系统而异。不过,只要你有Firefox, FireSSH可以在所有平台上工作。该附加组件允许您直接从浏览器启动SSH终端。

# 22自动刷新

  • 最好的:前端设计师。
  • 它所做的:自动刷新网页。

web设计师在设计网站时面临的一个恼人的问题是,在对代码做了每一个小的修改之后,都必须手动刷新网页。自动刷新是一个修复这个问题的插件,它允许您在Firefox上每隔一段时间自动刷新一个或一组选项卡。

# 23 Firesizer

  • 最好的:前端设计师。
  • 它所做的:将Firefox窗口调整到特定的大小。

这个插件可以帮助你调整你的Firefox窗口在特定的分辨率,看看你的网站如何在不同的屏幕分辨率。您需要安装Firefox插件栏才能使该插件正常工作。

# 24字体仪

  • 最好的:Web设计人员和开发人员。
  • 它所做的:查找页面元素上的字体信息。

字体查找器是一个方便的工具,它允许您检查web页面上的元素,以查找关于页面上使用的字体的重要信息,比如字体族名、字体颜色、字体间距、装饰等等。

# 25开放

  • 最好的:前端设计师。
  • 它所做的:在不同的浏览器环境中测试web页面。

这个附加组件的功能很简单。它可以让你立即打开任何网页,你正在浏览Firefox与其他浏览器,只需点击一下。不需要复制url,逐个打开每个浏览器,并将url粘贴到打开的网站。

# 26清除缓存

  • 最好的:Web设计人员和开发人员。
  • 它所做的:清理浏览器缓存。

此附加组件会立即清除您的Firefox浏览器缓存(RAM和磁盘),以清理和减少您的计算机资源使用。该附加组件允许您通过单击按钮或按键盘上的F9键来清除缓存。当您想快速查看您对web页面所做的更改时,此附加组件将非常有用。

结论

前往火狐插件商店,为你的浏览器找到更多令人惊奇的扩展。但是,也要记住,添加这些扩展会消耗你的计算机资源。所以,尽量不要安装太多的附加组件。

如果你是一个节约时间的爱好者,一定要学习Firefox键盘快捷键和许多其他你可以利用的工具。

你也可以:

2020-01-22 17:05
相关热门