Firebug是一个革命性的Firefox扩展，帮助web开发人员和设计师测试和检查前端代码。它为我们提供了许多有用的特性，例如用于记录信息的控制台面板、DOM检查器、关于页面元素的详细信息等等。尽管Firebug已经提供了大量开箱即用的特性，但还有一些扩展可以增强它的实用性。
在本文中，您将发现Firebug的10个最佳Firefox扩展这将使您作为开发人员或设计人员的生活更加轻松。
1.像素完美
像素完美允许你覆盖网页布局和其他设计组合到网页上，这样你就可以准确(和容易)写你的CSS和HTML。通过打开或关闭网页组合，网页开发人员和设计师可以有一个视觉指南，以完美的像素精度的位置和网页组件的尺寸。看看Pixel Perfect的视频演示。
- 安装Pixel Perfect
2.页面速度
页面速度Firebug是一个开源的Firebug插件，用于评估网页性能，为开发人员提供前端性能优化建议。测试和评估是基于谷歌的Web性能最佳实践发达国家通过史蒂夫·桑德的作品．请务必阅读Page Speed用户指南，以获得其许多功能的完整文档。
3.CodeBurner
CodeBurner，由SitePoint，扩展Firebug以提供内置的HTML和CSS引用。该扩展还根据Firebug的CSS和HTML面板中当前的内容显示上下文信息。这些参考资料非常有用，在许多其他类型的信息中，向您展示了浏览器兼容性和页面元素的W3C推荐合规性。
- 安装CodeBurner
4.FireRainbow
FireRainbow是一个简单的Firebug扩展，它填充了一个非常需要的函数:代码语法高亮显示。fireerainbow为JavaScript、CSS和HTML着色，以提高在Firebug中审查或检查的代码的可读性。目前有超过20个不同的FireRainbow主题可供您选择，为您提供了一些定制选项。
- 安装FireRainbow
5.内联代码查找器
内联代码查找器非常适合搜索内联JavaScript和CSS，并且非常适合开发人员重构现有标记，将结构(HTML)与样式(CSS)和函数(JavaScript)分开。这个工具的用法很简单:它在整个网页上搜索内联代码，并为开发人员提供它找到的内联代码的上下文信息。的最新版本使您能够筛选某些内联代码组。
- 安装内联代码查找器
6.Firecookie
开发利用cookie的web应用程序非常耗时。FirecookieFirebug扩展为您提供了大量严格用于处理cookie的选项和功能。扩展允许您查看，检查，导出和管理cookie，日志cookie事件(创建，删除等)，以及更多。
的最新版本的Firecookie增加了一些改进，例如只列出来自子域的cookie的能力。
7.FirebugCodeCoverage
FirebugCodeCoverageFirebug扩展的基准测试灵感来自于Selenium IDE用于确定在一段时间内执行代码的百分比，称为代码覆盖率．这通常在自动化测试期间进行测量，以查看测试用例能够彻底测试您的代码的程度(您的目标是更高的百分比)。
8.SenSEO咖啡
SenSEO咖啡是一个Firebug扩展，分析一个网页，并表明它是如何做单页白帽搜索引擎优化。扩展检查元标签的正确使用，标题的存在，标题，和其他相关标准的优化搜索引擎优化。
- 安装SenSEO咖啡
9.雅虎YSlow
YSlow评估一个网页的性能，并提出潜在的改进建议。
YSlow是基于YDN的加快网站速度的最佳实践并根据三个预定义的(或用户定义的)规则集之一给出字母评分。它有一些有用的功能，如显示网页组件的信息和统计数据，以及优化工具的集成，如JSLint而且Smush.it．
- 安装YSlow
10.火力定位
火力定位是用于快速找到与CSS或Xpath选择器匹配的网页元素，您输入作为搜索条件。Firefinder非常适合测试哪些页面元素受到CSS样式规则的影响，以及突出显示和查找与搜索匹配的元素。
- 安装火力定位
相关内容
WebFX职业
加入我们的使命，为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。
