Mozilla技术布道者给Web开发人员推荐的Firefox插件列表
jopen
12年前
<blockquote> <p>编者按：本文作者 Robert Nyman 是 Mozilla 的技术布道者，从 1999 年开始从事 Web 前端开发 。</p> </blockquote> <p style="text-align:left;" align="center">让 Web 开发人员的生活尽可能轻松和高效，这是 Firefox 一直坚持的目标之一。通过提供工具和可扩展的 web 浏览器，让开发人员能够创造出令人惊奇的东西。</p> <p><strong>Firefox 自带的开发工具</strong></p> <p>我们致力于开发一系列包含在 Firefox 内的开发工具。它们在 <a class="external" href="/misc/goto?guid=4959499649655130753" rel="nofollow" target="_blank">Developer Tools in Firefox Aurora 10</a> 中有更详细的描述，有了它们我们就能做出一些很有趣的事。</p> <p>我们对大量的用户接口和编码方式进行测试和评估，从而找出在页面中最理想的编码方式。如果你安装了 Firefox Aurora，你现在就可以试试！让我们知道你的想法。</p> <p><img class="aligncenter size-full wp-image-9190" alt="" src="https://simg.open-open.com/show/2d6491a47416d41549ef0a2bd175ce49.jpg" width="558" height="135" /></p> <p>继续关注本博客，我们会持续更新自带开发工具的进展和功能。</p> <p><strong>Firebug</strong></p> <p>目前为止，浏览器中最著名的 web 开发工具当属 Firebug，毋庸置疑，在相当长的一段时间里，它将成为 web 开发与调试的标准。Firebug 还拥有许多强大的功能，包括大量的插件（见下文）。</p> <p>但是有件事你需要明白，那就是如果你安装了过多的 Firebug 插件，它将占用大量内存，所以要选择适合自己的。（编注：推荐阅读 《<a href="/misc/goto?guid=4959499649793151344" target="_blank">Web 开发者应掌握的 12 个 Firebug 技巧</a>》）</p> <p><strong>一、针对 web 开发者的 Firefox 插件</strong></p> <p>多年来，已经有很多插件能够帮助 web 开发者最大限度的利用 Firefox。下面将列出其中最著名、使用最多的，如果我们疏漏了什么，请在评论中告诉我们！</p> <p><a class="external" href="/misc/goto?guid=4959499649936793256" rel="nofollow" target="_blank">Accessibility Evaluation Toolbar</a><br /> <img style="border-right-width:0px;margin:0px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" class="alignnone" alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/5809-32.png?modified=1314753183" width="32" height="32" />为 web 开发者提供测试 web 资源的辅助功能。</p> <p><a class="external" href="/misc/goto?guid=4959499650030332280" rel="nofollow" target="_blank">All in One Sidebar</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/1027-64.png?modified=1308857467" width="32" height="32" />AiOS 可以让你打开多个窗口作为侧边栏，并能在它们之间快速切换。有了它，你就可以告别杂乱无章的窗口了！除了书签和历史记录，它还可以在侧边栏中打开下载，插件等对话框。</p> <p><a class="external" href="/misc/goto?guid=4959499650112956061" rel="nofollow" target="_blank">Cache Status</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/media//img/addon-icons/default-64.png" width="32" height="32" />轻松查看和管理缓存。</p> <p><a class="external" href="/misc/goto?guid=4959499650194962332" rel="nofollow" target="_blank">CacheToggle</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/media//img/addon-icons/default-64.png" width="32" height="32" />轻轻一点，就能禁用（或清除）浏览器缓存。</p> <p><a class="external" href="/misc/goto?guid=4958185669819624861" rel="nofollow" target="_blank">Colorzilla</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/271-64.png?modified=1317665348" width="32" height="32" />高级取色器，拾色器，渐变色生成器和其他一些功能。</p> <p><a class="external" href="/misc/goto?guid=4958323401128105500" rel="nofollow" target="_blank">Console2</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/1815-64.png?modified=1311219845" width="32" height="32" />Console2可能会成为下一代错误控制台，从而取代 JavaScript 控制台。从 v0.5 版本开始就有控制台过滤器插件，之前只能在 Console2 网站上获取。</p> <p><a class="external" href="/misc/goto?guid=4959499650437227520" rel="nofollow" target="_blank">CSS Reloader</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/media//img/addon-icons/default-64.png" width="32" height="32" />CSS Reloader 可以让你重载任何网站的 CSS，而不需要重载页面。</p> <p><a class="external" href="/misc/goto?guid=4959499650519271872" rel="nofollow" target="_blank">DOM Inspector</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/media//img/addon-icons/default-64.png" width="32" height="32" />DOM Inspector 可以用来审阅、编辑 web 文档或 XUL 程序中使用的 DOM。在双窗口中以不用的视图显示文档及内部节点，并控制 DOM。</p> <p><a class="external" href="/misc/goto?guid=4959499650642122852" rel="nofollow" target="_blank">Firefogg</a><br /> <img alt="" src="https://simg.open-open.com/show/37c3a41602ae871feefd648a68c0330d.jpg" width="32" height="32" />可对 Firefox 中的视频和音频进行编码。利用 Firefogg 你可以把大部分媒体文件编码为 Ogg 或 WebM。Firefogg 还提供 API 来把编码过程整合到上传进程中。</p> <p><a class="external" href="/misc/goto?guid=4959499650727889094" rel="nofollow" target="_blank">FireFTP</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/684-64.png?modified=1315905886" width="32" height="32" />FireFTP 是 Firefox 上一款免费、安全、跨平台的 FTP/SFTP 客户端，可以简单、直观的连接到 FTP/SFTP 服务器上。</p> <p><a class="external" href="/misc/goto?guid=4959499650809188627" rel="nofollow" target="_blank">FireUnit</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/media//img/addon-icons/default-64.png" width="32" height="32" />一款 JavaScript 单元测试插件程序。</p> <p><a class="external" href="/misc/goto?guid=4959499650890805441" rel="nofollow" target="_blank">FoxGuide</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/235272-64.png?modified=1295335696" width="32" height="32" />显示水平和垂直参考线，跟你在 PhotoShop 里用的一样。有助于改善布局，把元素放在适当的网格中，对称排布元素，构造出一个设计。</p> <p><a class="external" href="/misc/goto?guid=4959499650979004152" rel="nofollow" target="_blank">FoxyProxy Standard</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/2464-64.png?modified=1320149104" width="32" height="32" />FoxyProxy 是一款高级代理管理工具，完全替代了 Firefox 本身有限的代理功能。它比 SwitchProxy、ProxyButton、 QuickProxy、 xyzproxy、 ProxyTex、 TorButton 等拥有更多的功能。</p> <p><a class="external" href="/misc/goto?guid=4959499651063302993" rel="nofollow" target="_blank">Geolocater</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/media//img/addon-icons/default-64.png" width="32" height="32" />把你定位到你想要的位置。</p> <p><a class="external" href="/misc/goto?guid=4958323394833476803" rel="nofollow" target="_blank">GreaseMonkey</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/748-64.png?modified=1321050245" width="32" height="32" />通过使用少量 JavaScript，可以自定义网页的显示方式。</p> <p><a class="external" href="/misc/goto?guid=4958185668404957482" rel="nofollow" target="_blank">HTML Validator</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/249-64.png?modified=1322054526" width="32" height="32" />HTML Validator 是一个 Mozilla 插件，它在 Firefox 和 Mozilla 中添加了 HTML 验证。可以在图标上看到一个 HTML 页面的错误数量。</p> <p><a class="external" href="/misc/goto?guid=4959499651207381176" rel="nofollow" target="_blank">HttpFox</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/6647-64.png?modified=1314147649" width="32" height="32" />一个用于 Firefox 的 HTTP 分析器插件。</p> <p><a class="external" href="/misc/goto?guid=4958832708914057669" rel="nofollow" target="_blank">iMacros for Firefox</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/3863-64.png?modified=1318544883" width="32" height="32" />是 Firefox 自动化。记录并重播重复工作。如果你喜欢 Firefox 浏览器，却对重复的任务（例如，每天访问相同的网站，填写表单，记住密码等）感到厌烦的话，iMacros for Firefox 便是你梦寐以求的解决方案！</p> <p><a class="external" href="/misc/goto?guid=4959499651433784079" rel="nofollow" target="_blank">Jenkins Build Monitor</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/7522-64.png?modified=1314882701" width="32" height="32" />Monitor Jenkins（http://jenkins-ci.org）在 Firefox 状态栏中创建并显示当前状态。</p> <p><a class="external" href="/misc/goto?guid=4959499651521242495" rel="nofollow" target="_blank">jQuery extension</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/14637-64.png?modified=1305548437" width="32" height="32" />内嵌于浏览器的 jQuery 和 jQuery UI。</p> <p><a class="external" href="/misc/goto?guid=4959499651610915184" rel="nofollow" target="_blank">JSONovich</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/10122-64.png?modified=1320745806" width="32" height="32" />以简单、低调的视图漂亮的显示出浏览器中 JSON 的内容。</p> <p><a class="external" href="/misc/goto?guid=4958832709494427661" rel="nofollow" target="_blank">JSONView</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/10869-64.png?modified=1319983383" width="32" height="32" />显示浏览器中的 JSON 文档。</p> <p><a class="external" href="/misc/goto?guid=4958193652990462487" rel="nofollow" target="_blank">JSView</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/2076-64.png?modified=1317668162" width="32" height="32" />如果你正在访问的网站包含了任何外部 js/css 文件，图标上就会显示“SS”、”JS”或者都有。点击文件名就能查看各个文件。文件会在新窗口中打开。</p> <p><a class="external" href="/misc/goto?guid=4959499651750184247" rel="nofollow" target="_blank">Link Widgets</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/media//img/addon-icons/default-64.png" width="32" height="32" />通过在工具栏按钮上添加首页、上一页、下一页、尾页来简化页面导航（例如在线漫画、论坛或者技术规范，比如：HTML4建议）。</p> <p><a class="external" href="/misc/goto?guid=4958832709120691404" rel="nofollow" target="_blank">Live HTTP Headers</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/3829-64.png?modified=1305324425" width="32" height="32" />在浏览网页时查看 HTTP 头信息。</p> <p><a class="external" href="/misc/goto?guid=4959499651857031259" rel="nofollow" target="_blank">LiveReload</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/276301-64.png?modified=1319675424" width="32" height="32" />LiveReload 能在文件发生改变时刷新网页。</p> <p><a class="external" href="/misc/goto?guid=4958185659209970432" rel="nofollow" target="_blank">MeasureIt</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/539-64.png?modified=1314145326" width="32" height="32" />可以在任何网页上显示标尺，用来检查宽度、高度，或者以像素为单位对其页面元素。</p> <p><a class="external" href="/misc/goto?guid=4959499651980198943" rel="nofollow" target="_blank">Modify Headers</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/media//img/addon-icons/default-64.png" width="32" height="32" />能够添加、修改、过滤发送给 web 服务器的 HTTP 报头，这个插件特别有助于移动 web 开发、HTTP 测试和隐私保护。</p> <p><a class="external" href="/misc/goto?guid=4958525629848377869" rel="nofollow" target="_blank">NoScript</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/722-64.png?modified=1321574645" width="32" height="32" />浏览器上最好的安全插件。只有你信任站点上的活动内容才能运行，保护你免受跨站脚本攻击和点击劫持攻击。</p> <p><a class="external" href="/misc/goto?guid=4959499652098378267" rel="nofollow" target="_blank">PageSpeed</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/media//img/addon-icons/default-64.png" width="32" height="32" />Page Speed 是由 Google 发起的开源项目，旨在通过应用 web 性能最佳实例来帮助开发者优化他们的网页。</p> <p><a class="external" href="/misc/goto?guid=4959499652279928603" rel="nofollow" target="_blank">PixelZoomer</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/116725-64.png?modified=1309267310" width="32" height="32" />PixelZoomer 能够对当前网站进行截图，并提供多种像素分析工具。你可以放大网站（最大 3200%），测量间距并用取色器取色。</p> <p><a class="external" href="/misc/goto?guid=4958323391706113671" rel="nofollow" target="_blank">Pixlr Grabber</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/9924-64.png?modified=1295997130" width="32" height="32" />抓取屏幕和网页图片变得轻而易举。有了 Pixlr Grabber，只需点击右键，你就可以复制、保存、分享甚至编辑你的最终抓取效果——包括所有图片或者背景。</p> <p><a class="external" href="/misc/goto?guid=4959499652399967932" rel="nofollow" target="_blank">Poster</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/media//img/addon-icons/default-64.png" width="32" height="32" />一个与网络服务和其他网络资源交互的开发者工具，可以让你制作 HTTP 请求，设置实体段和内容类型。允许你与网络服务相互并查看结果。</p> <p><a class="external" href="/misc/goto?guid=4958525630400370545" rel="nofollow" target="_blank">QuickJava</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/1237-64.png?modified=1306175238" width="32" height="32" />可以在状态栏或者工具栏快速开启或禁用 Java、Javascript、Flash、 Silverlight、Images、样式表和代理，而无需打开任何对话框。</p> <p><a class="external" href="/misc/goto?guid=4959499652508693677" rel="nofollow" target="_blank">Rainbow Color Tools</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/14328-64.png?modified=1315255384" width="32" height="32" />针对 web 开发者的颜色工具。选色器、取色器+保存颜色，还能通过拖放提取颜色。</p> <p><a class="external" href="/misc/goto?guid=4959499652589165915" rel="nofollow" target="_blank">Regular Expressions Tester</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/2077-64.png?modified=1320753209" width="32" height="32" />测试正则表达式的工具，带有颜色高亮（包含子匹配项），也是创建表达式的帮手。</p> <p><a class="external" href="/misc/goto?guid=4959499652683663340" rel="nofollow" target="_blank">Remove Cookie (s) for Site</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/1595-64.png?modified=1312907482" width="32" height="32" />一个非常简单的插件，用来清除当前打开站点的 cookies。它在网页的右键菜单中添加了一个选项，用一键清除 Cookies 按钮来执行操作，会在状态栏中显示其状态。</p> <p><a class="external" href="/misc/goto?guid=4959499652767143284" rel="nofollow" target="_blank">Screenshot Pimp</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/247573-64.png?modified=1319466784" width="32" height="32" />只需轻轻一点，就能捕获、抓取、保存、下载或者复制任何你在浏览器中能看到的东西！Screenshot pimp 是目前为止 Windows 和 Mac 上定制性和用户体验最好的截屏工具栏。</p> <p><a class="external" href="/misc/goto?guid=4958539442684988781" rel="nofollow" target="_blank">SQLite Manager</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/5817-64.png?modified=1313440219" width="32" height="32" />管理你电脑上所有的 SQLite 数据库。</p> <p><a class="external" href="/misc/goto?guid=4959499652951708940" rel="nofollow" target="_blank">Selenium IDE Buttons</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/46131-64.png?modified=1302711233" width="32" height="32" />用一个简单的工具栏按钮来打开 selenium IDE。你需要已经安装了 selenium IDE：http://seleniumhq.org/projects/ide/</p> <p><a class="external" href="/misc/goto?guid=4958323404276630354" rel="nofollow" target="_blank">SeoQuake SEO extension</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/3036-64.png?modified=1321843566" width="32" height="32" />Seoquake 是一款 FirefoxSEO 插件，旨在帮助那些涉及搜索引擎优化（SEO）社会媒体优化（SMO）和网络促销的人。Seoquake 可以审查很多重要的 SEO 参数。</p> <p><a class="external" href="/misc/goto?guid=4959499653060928285" rel="nofollow" target="_blank">ShowIP</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/590-64.png?modified=1306952435" width="32" height="32" />在状态栏显示当前页面的 IP 地址。还允许通过 IP（右键单击）和 hostname（左键单击）查询自定义信息服务，例如 whois、netcraft 等。此外，你还可以复制 IP 到剪贴板。</p> <p><a class="external" href="/misc/goto?guid=4959499653140811467" rel="nofollow" target="_blank">Stylish</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/2108-64.png?modified=1320627544" width="32" height="32" />用 Stylish 重构网页，它是一款用户风格管理器。Stylish 能让你轻易的为很多网站安装主题和皮肤，像 Google、非死book、油Tube、Orkut 等，你甚至可以自定义 Firefox 或者其他程序的主题。</p> <p><a class="external" href="/misc/goto?guid=4959499653229050715" rel="nofollow" target="_blank">Tamper Data</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/media//img/addon-icons/default-64.png" width="32" height="32" />使用 tamperdata 可以查看、修改 HTTP/HTTPS 头及 post 参数。</p> <p><a class="external" href="/misc/goto?guid=4959499653311273092" rel="nofollow" target="_blank">TAW3</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/1158-64.png?modified=1275608204" width="32" height="32" />只需通过一个简单的按钮，你就能了解一个网站是否能够访问。</p> <p><a class="external" href="/misc/goto?guid=4958200868278701012" rel="nofollow" target="_blank">Tilt 3D</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/336188-64.png?modified=1320910624" width="32" height="32" />一个基于 WebGL 的插件，可以让网页变成 3D 可视化的效果。</p> <p><a class="external" href="/misc/goto?guid=4958185656393389283" rel="nofollow" target="_blank">Total Validator</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/2318-64.png?modified=1321560970" width="32" height="32" />能够一次执行多种不同的验证。包括外部的、内部的或者本地网页（需要从 <a class="external" href="/misc/goto?guid=4959499653454818617" rel="nofollow" target="_blank">http://www.totalvalidator.com/downloads/extensiontool.html</a> 获取一个桌面工具）。</p> <p><a class="external" href="/misc/goto?guid=4959499653538396055" rel="nofollow" target="_blank">TryAgain</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/2462-64.png?modified=1296721813" width="32" height="32" />TryAgain 会在服务器不能访问时，不断尝试加载网页。</p> <p><a class="external" href="/misc/goto?guid=4958832708692011426" rel="nofollow" target="_blank">User Agent Switcher</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/59-64.png?modified=1294322111" width="32" height="32" />User Agent Switcher 添加了一个菜单和一个工具栏按钮，来控制浏览器的用户代理。</p> <p><a class="external" href="/misc/goto?guid=4959499653642413332" rel="nofollow" target="_blank">Wappalyzer</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/10229-64.png?modified=1320449464" width="32" height="32" />Wappalyzer 是一个能够发现网站开发技术的浏览器插件。</p> <p><a class="external" href="/misc/goto?guid=4958185660621301154" rel="nofollow" target="_blank">Web Developer</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/60-64.png?modified=1294338485" width="32" height="32" />Web Developer 会在浏览器中添加各种 web 开发者工具。</p> <p><strong><span style="color:#000000;">二、Firebug extensions</span></strong></p> <p>在一些不同情况下，会用到很多 Firebug 的插件，在这里会列出其中一部分：</p> <p><a class="external" href="/misc/goto?guid=4959499653761009534" rel="nofollow" target="_blank">Acebug</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/279230-64.png?modified=1319099556" width="32" height="32" />Acebug 对 Firebug 命令行进行语法高亮，并具有模糊自动完成功能。</p> <p><a class="external" href="/misc/goto?guid=4959499653851450463" rel="nofollow" target="_blank">Code Coverage v2 for Firebug 0.1</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/media//img/addon-icons/default-64.png" width="32" height="32" />这个 Firebug 插件用来报告 Jacascript 的代码覆盖率。</p> <p><a class="external" href="/misc/goto?guid=4958185665575099708" rel="nofollow" target="_blank">CSS Usage</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/10704-64.png?modified=1316552583" width="32" height="32" />用来查看使用了哪些 CSS 规则的 Firebug 插件。</p> <p><a class="external" href="/misc/goto?guid=4959499653959877596" rel="nofollow" target="_blank">Firecookie</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/6683-64.png?modified=1321576925" width="32" height="32" />Firecookie 是一款可以查看、管理浏览器 Cookies 的 Firebug 插件。</p> <p><a class="external" href="/misc/goto?guid=4959499654039266131" rel="nofollow" target="_blank">Firefinder</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/11905-64.png?modified=1315193414" width="32" height="32" />查找与选中的 CSS 选择器或 XPath 表达式相匹配的 HTML 元素。</p> <p><a class="external" href="/misc/goto?guid=4958185671242167638" rel="nofollow" target="_blank">FirePHP</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/6149-64.png?modified=1314741183" width="32" height="32" />FirePHP 通过一个简单的 PHP 方法调用，就能让你记录你的 Firebug 控制台。</p> <p><a class="external" href="/misc/goto?guid=4959499654147823115" rel="nofollow" target="_blank">FireQuery</a><br /> <img class="alignleft" alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/12632-64.png?modified=1309313168" width="32" height="32" />针对 jQuery 开发的 Firebug 插件。</p> <p><a class="external" href="/misc/goto?guid=4959499654241107907" rel="nofollow" target="_blank">friendly bug</a><br /> <img class="alignleft" alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/264087-64.png?modified=1313439064" width="32" height="32" />让 Firebug 界面友好，更易于使用。</p> <p><a class="external" href="/misc/goto?guid=4959499654314174045" rel="nofollow" target="_blank">Inline Code Finder for Firebug</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/9641-64.png?modified=1315192854" width="32" height="32" />Inline Code Finder 是一个 Firebug 插件，能发现 HTML 元素中存在的这些问题：内联 JavaScript 事件、内联样式、javascript: links。</p> <p><a class="external" href="/misc/goto?guid=4959499654401002242" rel="nofollow" target="_blank">FireRainbow</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/9603-64.png?modified=1309314365" width="32" height="32" />Firebug 中的 JacaScript 语法高亮工具。</p> <p><a class="external" href="/misc/goto?guid=4959499654599833811" rel="nofollow" target="_blank">NetExport</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/media//img/addon-icons/default-64.png" width="32" height="32" />NetExport 是一个 Firebug 插件，可以导出所有 Net panel 中收集和计算的数据。创建的文件使用 HTTP 存档（HAR）格式（基于 JSON）</p> <p><a class="external" href="/misc/goto?guid=4958973165378077656" rel="nofollow" target="_blank">Pixel Perfect</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/7943-64.png?modified=1320924609" width="32" height="32" />Pixel Perfect 是一个 Firebug 插件，能够让 web 开发者和设计师轻松的把一张 web 构图覆盖在开发的 HTML 页面上。</p> <p><a class="external" href="/misc/goto?guid=4959499654766039209" rel="nofollow" target="_blank">YSlow</a><br /> <img alt="" src="https://static-cdn.addons.mozilla.net/en-US/firefox/images/addon_icon/5369-64.png?modified=1319008626" width="32" height="32" />YSlos 能够分析网页载入缓慢的原因，基于 Yahoo!的高性能网站标准。</p> <p>更多 Firebug 插件，请<a class="external" href="/misc/goto?guid=4959499654926636000" rel="nofollow" target="_blank">查看 Firebug</a> 官方 wiki。</p> <p>原文作者：<a class="external" title="Robert Nyman" href="/misc/goto?guid=4959499655011217697" rel="nofollow" target="_blank">Robert Nyman</a> 编译：<a href="/misc/goto?guid=4959499655098330073" target="_blank">伯乐在线</a> – 魏哲</p>