20

您使用哪些对程序员有用的 Firefox 附加组件?

4

19 回答 19

18

我想提到 Firebug 是很愚蠢的——怀疑我们中的任何人都不能没有它。除此之外,我使用以下(仅列出与开发相关的):

  • 控制台2:下一代错误控制台
  • DOM 检查器:如标题所示,允许您浏览 DOM
  • 编辑 Cookie:即时更改 Cookie
  • 执行 JS:临时 Javascript 执行
  • IE Tab:在 IE 中渲染页面
  • Inspect This:将选中的对象带入 DOM 检查器
  • JSView:显示链接的 javascript 和 CSS
  • LORI(请求信息的生命周期):显示渲染页面需要多长时间
  • 测量 IT:弹出标尺。
  • URL 参数:显示 GET 和 POST 变量
  • Web Developer:为 Web 开发人员提供的无数工具
于 2008-08-30T22:28:50.580 回答
13

这是我的(以开发人员为中心):

  1. FireBug - 无数的生产力增强工具,包括 javascript 调试器、DOM 检查器,允许您动态编辑 CSS/HTML,这对于排查布局和显示问题非常有价值。

  2. Web Developer - 又一个伟大的开发人员生产力工具。我主要使用它来快速验证页面、禁用 javascript(是的,我有时会禁用 javascript,不是吗?)、查看 cookie 等。

  3. 篡改数据- 让您在发回页面或获取页面之前篡改 http 标头、表单值、cookie 等。对于戳戳和刺激您的页面以及查看您的 Web 应用程序在出于轻微恶意目的使用时如何响应非常有价值。

  4. JavaScript 调试器- 比 firebug 提供的 javascript 调试器具有更多的功能。虽然我必须承认,我很少使用这个,因为萤火虫在很大程度上赢得了我的支持。

  5. Live HTTP Headers - 对于故障排除非常宝贵,经常使用它。允许您监视客户端和服务器之间来回通信的所有 HTTP 标头。它帮助我追踪了恶意问题,尤其是在在环境之间部署 Web 应用程序时调试问题时。

  6. Header Spy - 极客类型的好插件,在状态栏中向您显示网站运行的 Web 服务器和平台。

  7. MeasureIt - 我不经常使用它,但我仍然不时发现它很有价值。

  8. ColorZilla - 同样,不是我经常使用的东西,但是当我需要它时,我需要它。当您想知道一种颜色并且不想深入研究 CSS 文件或打开图形编辑应用程序以获取嵌入在某些图像中的颜色时,这很有价值。

  9. 添加 N 编辑 Cookie - 这在负载均衡器写入 cookie 并使用 cookie 值保持会话“粘性”的 Web 场中一直是一个很棒的调试工具。它允许我在服务器之间随意切换以跟踪特定机器上的问题。如果您想尝试弄乱使用 cookie 跟踪您的登录状态/帐户的网站,并且您想查看您的代码如何响应格式错误或被黑客入侵的信息,这也是一个很好的工具。

  10. Yellowpipe Lynx Viewer Tool - 是的,我知道你的想法,lynx,谁需要它,它是如此 1994。但如果你正在开发一个需要考虑 Web 可访问性的网站(意味着使用屏幕阅读器的有视觉障碍的用户可以访问) ,或者如果您需要了解网络蜘蛛/索引器如何“看到”您的网站,这个工具是无价的。当然,你总是可以自己出去拿 Lynx这是我使用的 windows xp 端口

我有一些我不时使用的其他插件,我会快速提及:FireFTP(我安装的一个不稳定,我没有尝试过更新的版本),Html Validator(也是发现这个不稳定,至少在我一年前安装时),IE Tab(我通常同时打开 IE 和 FireFox,但这只是我,我知道很多其他人觉得这个插件很有用)。

于 2008-09-09T16:25:43.643 回答
5

我还推荐 Chris Pederick 的Web Developer扩展。

于 2008-08-30T22:27:06.217 回答
2

至于 web 开发,尤其是对于 javascript,我发现Firebug是无价的。Web 开发人员工具栏也非常有用。

于 2008-08-30T22:26:02.693 回答
2

我有的是...

于 2008-08-30T22:42:39.440 回答
2

还没有提到的是这个HTML Validator扩展,我发现它非常有用。

于 2008-08-30T23:32:12.627 回答
1

@Flávio Amieiro

如果您安装 Web Developer Toolbar,MeasureIt 是一个不必要的扩展。Web Developer Toolbar 包括一个标尺作为其功能之一。在MiscellaneousWeb Developer 的“”类别下,单击“ Display Ruler”选项以使用与 MeasureIt 相同的标尺。

这将允许您减少至少一个所需的扩展数量。

于 2008-08-30T22:40:41.097 回答
1

火狐插件:

  1. FireBug:帮助 Web 开发人员和设计人员测试和检查前端代码。它为我们提供了许多有用的功能,例如用于记录信息的控制台面板、DOM 检查器、有关页面元素的详细信息等等。

  2. Web Developer - 为您提供禁用 CSS、动态编辑 CSS、测量页面的某些区域等功能。

  3. ColorZilla 只需单击图标,将鼠标悬停在您想知道十六进制颜色的区域上,然后单击。

  4. Window Resizer 以确保布局以当今的标准分辨率正确显示。

  5. Total Validator 通过检查 HTML、链接、CSS 和执行更多操作来更轻松地验证网站。

于 2010-08-28T15:53:03.807 回答
0

用于 Web 开发的Web DeveloperScribefire如果您是博主程序员

于 2008-08-30T22:26:45.013 回答
0

对于 Web 开发,我使用Web Developer ToolbarCSS Viewer MeasureIt

但我真的不是那些拥有一千个扩展来做所有事情的人之一。我喜欢让事情变得简单。

编辑:感谢Dan 的回答,我不再需要 MeasureIt。不敢相信我从来没有见过!我想我只需要更加注意这个 WebDeveloper 工具栏。

于 2008-08-30T22:28:54.230 回答
0

添加到每个人的列表中,篡改数据非常有用,可让您拦截请求并更改其中的数据。它可以用来绕过 javascript 验证并检查服务器端是否在做它的事情。

于 2008-08-30T23:18:48.790 回答
0

我使用Web Developer,它是一个真正的节省时间。

于 2008-08-30T23:21:03.027 回答
0
  • +1 为LORI(“请求信息的生命周期”)。对于粗略测量特定网页的加载时间来说,这是一个非常方便的替代方案——您可能会使用外部秒表来完成这种事情。

  • 新标签主页。结合“快速拨号”类型的主页(您经常使用的个人、快速加载链接页面),可帮助您在打开新的浏览器选项卡时更快地到达目的地。

  • 最后一个选项卡。更改 Ctrl+Tab 的行为,让您可以通过反复按 Ctrl+Tab 在最近使用的选项卡之间来回导航,这与 Alt+Tab 在 Windows 中的工作方式相同。还提供了所有打开的选项卡的良好视图,同时仍按住 Ctrl 以便于导航。(结果行为与 Visual Studio 最新版本中的 Ctrl+Tab 行为非常相似。)

于 2008-09-16T19:14:47.717 回答
0

FireFTP非常适合抓取/上传任何必要的文件。

于 2008-09-16T19:19:36.693 回答
0

我发现 Hackbar 非常有用。如果您想编辑 url 的查询字符串部分,测试漏洞,或者只是一般的其他类型的测试,您可能会得到复杂的查询字符串值,这非常有用。

于 2008-09-16T19:22:26.310 回答
0

我正在学习 DOM 检查器,但我已经切换到 Firebug。

于 2008-10-02T00:31:01.260 回答
0

上面遗漏了一些在这里

  • 加载时间分析器- 在 Firefox 中查看网页加载时间的详细图表。图表显示页面请求、图像加载时间等事件。

  • 海报– Web 开发人员必须拥有的工具,使他们能够与 Web 服务和其他 Web 资源进行交互。

  • Aardvark – Web 开发人员和设计人员的一个很酷的扩展,允许他们通过单独突出显示页面元素来查看 CSS 属性、id、类。

于 2009-10-28T12:43:07.367 回答
0

Fiddler是一个非常棒的调试代理。将其视为 Firebug 或 Live HTTP 标头中“网络”面板的更强大版本。

它曾经是一个仅限 IE 的扩展,现在它也可以连接到 Firefox。

于 2009-11-23T14:39:20.627 回答
0

Groundspeed,对于测试服务器端代码很有用。它是为渗透测试期间的输入验证测试而创建的,但对于任何需要操纵输入的测试(类似于 TamperData)都非常有用。

它允许您控制页面中的表单元素,您可以更改它们的类型和其他属性(大小、长度、javascript 事件处理程序等)。因此,例如,您可以将隐藏字段或选择更改为文本框,然后输入任何值来测试服务器响应和类似的东西。

于 2009-12-11T17:06:20.060 回答