1、网页前端开发必备的 15 个火狐插件Firefox 是一款越来越热的 Web 浏览器，多种多样的扩展，主题，插件，是它快速流行的重要原因。Mozilla 的网站上提供了许多扩展和插件的下 载，由于众多开发者的支持，这些扩展和插件的数量也在随着需求日益增长，下面列举 15 款比较优秀的插件，仅供大家参考。以下是 15 款火狐的插件，可以使得 Web 开发人员的开发工作更加容易：1、 Aardvark：Aardvark 可以让你从网页中选择元素，并对它们进行操作。Web 开发人员可以利用 Aardvark 对网页的构架进行分析，同时还 可以利用 Aardvark 去移除和隔离元素或者生成 DOM
2、代码，这个是笔者强烈推荐的一款 Firefox 插件。下载地址：https:/addons.mozilla.org/en-US/firefox/addon/4111/2、 CSS Validator（CSS 验证器）：CSS 验证器可以在您的浏览器中添加一个右击选项，将 CSS 传送至 W3C CSS 验证。它可以再一个新的标签中打开答案，笔者认为，CSS Validator 将会是一款引导潮流的开发工具。下载地址：https:/addons.mozilla.org/zh-CN/firefox/addon/2289/3、 CSSViewer：CSSViewer 是一款小巧的 CSS 属性查看器
3、，随着鼠标的移动显示当前所指示元素的 CSS 样式信息，其中包括了所有从父级元素继 承而来，用户自定义以及浏览器自定义的样式信息。同时。您也可以通过在工具栏添加该扩展的图标按钮来激活/禁用该扩展。下载地址：https:/addons.mozilla.org/zh-CN/firefox/addon/2104/4、 FireBug：Firebug 是测试前端代码和 CSS 的最好的调试软件。如果出现任何不符合格式的图像或类型，最好的解决办法就是用 Firebug 检查 出来。甚至可以在里面改变样式来检查网站是如何在浏览器中的渲染效果。下载地址：https:/addons.mozilla.org/z
4、h-CN/firefox/addon/1843/5、 FirePHP：FireBug 是针对 CSS、HTML 和 JavaScript 的一款很好的开发工具，但是FirePHP 只有在用户安装了 FireBug 之后才可用，可以为 PHP 开发者所用，便于他们管理 PHP 函数。下载地址：https:/addons.mozilla.org/zh-CN/firefox/addon/6149/6、 Font Finder：Font Finder 使得开发者可以在网站上突出一些文字的字体，右击选择后，选择“ 查找字体” ，查看选定文字的全部的 CSS 文字样式，然后将这些文字粘贴到您自 己的网页中
5、。下载地址：https:/addons.mozilla.org/en-US/firefox/addon/4415/7、 HTML Validator（HTML 验证器）：HTML Validator 是一款很强大的插件工具，并且它只是用于 Windows 用户。它可以帮助您找出网站中的一些错误，并且标注出来，当然，您也可以选择对 网站上单独的网页进行但也分析。下载地址：https:/addons.mozilla.org/zh-CN/firefox/addon/249/8、 IE View：对于 Windows 系统来讲，IE View 是一款很有效的工具，这个插件在右击菜单中添加了一个“在 I
6、E 中打开”选项，使得您可以在 IE 浏览器中快速打开一个网站，这是检查网页在两种浏览 器中有何不同的最好方法。下载地址：https:/addons.mozilla.org/zh-CN/firefox/addon/35/9、 Java Console（Java 控制台）：如果您想要了解 Java 小程序是如何在网页中运行的，Java 控制台可以帮助您。利用 Java 控制台，您可以监视和调 试 Java 小程序，并获得关于它们的性能的一份全面报告。下载地址：https:/addons.mozilla.org/en-US/firefox/addon/141/10、Link Checker：Lin
7、kChecker 可以突出网站中的链接，并且可以将您引进您想要打开的网站。11、Poster：如果您想要调试服务器和进行 HTTP 请求的话，Poster 将是一款很值得尝试的工具。下载地址：https:/addons.mozilla.org/en-US/firefox/addon/2691/12、Style Sheet Chooser II：Style Sheet Chooser II 允许浏览者或开发者迅速地在为同一页面编写的不同样式之间来回的切换，甚至能够保证被选择样式应用到该站点的全部页面上. Style Sheet Chooser II 会覆盖 Firefox 内置的样式表切换器st
8、yle-sheet-switcher。13、 Web Developer：Web Developer 可以在火狐中添加菜单和工具栏，使得您可以具有显示网页风格、查看和编辑 CSS 等等选项。下载地址：https:/addons.mozilla.org/zh-CN/firefox/addon/60/14、 YSlow：YSlow 是一个非常有用的工具，用于 Firefox 的优化。 YSlow 能为任何网页做报告，并审查信息的数量，HTTP 请求， CDNs 使用， CSS 和 JS compression 会给您一个评分，并告诉你如何改善此网页，以便加载更快。15、 ColorZilla：ColorZilla 是个方便的网页颜色分析工具，它包含颜色选择器，调色板，颜色 DOM 分析工具，支持鼠标对特定对象的选择，可 以和 Firebug 协同工作，支持网页缩放。你可以用它对视觉效果强的网站进行配色分析，然后参考进行设计。
