•  09-06-2019
  •  | 
  •  

题

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

有帮助吗？

解决方案

我想提及 Firebug 是愚蠢的——怀疑我们中的任何人都可以没有它而生活。除此之外，我使用以下内容（仅列出与开发相关的）：

  • 安慰2: ：下一代错误控制台
  • DOM 检查器：正如标题所示，允许您浏览 DOM
  • 编辑 Cookie：即时更改 cookie
  • 执行JS：即席 Javascript 执行
  • IE 选项卡：在 IE 中渲染页面
  • 检查这个：将选定的对象带入 DOM 检查器
  • JS视图：显示链接的 javascript 和 CSS
  • LORI（请求信息的生命周期）：显示渲染页面需要多长时间
  • 测量信息技术：弹出标尺。
  • 网址参数：显示 GET 和 POST 变量
  • Web开发人员：为网络开发人员提供的无数工具

其他提示

这是我的（以开发人员为中心）：

  1. 火虫 - 大量提高生产力的工具，包括 javascript 调试器、DOM 检查器，允许您动态编辑 CSS/HTML，这对于解决布局和显示问题非常有价值。

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

  3. 篡改数据 - 允许您篡改 http 标头、表单值、cookie 等。在回发到页面或获取页面之前。对于戳戳和刺探您的页面以及查看您的网络应用程序在带有轻微恶意意图的情况下如何响应非常有价值。

  4. JavaScript 调试器 - 比 firebug 提供的 javascript 调试器多一些功能。尽管我必须承认，我很少使用这个，因为 firebug 在很大程度上赢得了我的支持。

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

  6. 标头间谍 - 适合极客类型的好插件，在状态栏中向您显示网站运行的网络服务器和平台。

  7. 测量它 - 我不经常使用这个，但我仍然不时发现它很有价值。

  8. 彩色齐拉 - 再说一次，我不是经常使用它，但当我需要它时，我就需要它。当您想了解颜色并且不想深入研究 CSS 文件或打开图形编辑应用程序以将颜色嵌入到某些图像中时，此功能很有价值。

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

  10. Yellowpipe Lynx 查看器工具 - 是的，我知道你在想什么，山猫，谁需要它，那是 1994 年。但是，如果您正在开发的网站需要考虑网络可访问性（意味着使用屏幕阅读器的有视觉障碍的用户可以访问），或者如果您需要了解网络蜘蛛/索引器如何“查看”您的网站，这个工具是无价的。当然，你总是可以出去为自己抓住 Lynx这是我使用的 Windows XP 端口.

我有时会使用一些其他插件，我将快速提及它们：FireFTP（我安装的一个不稳定，我没有尝试过新版本），Html Validator（也发现这个不稳定，至少一年前安装时），IE Tab（我通常只有 IE 和FireFox 同时打开，但这只是我的情况，我知道许多其他人认为这个插件很有用）。

我还推荐 Web开发人员 克里斯·佩德里克 (Chris Pederick) 的扩展。

就 Web 开发而言，尤其是 JavaScript，我发现 萤火虫 是无价的。 Web 开发人员工具栏 也很有用。

还没有提到的是这个 HTML 验证器 我发现非常有用的扩展。

@弗拉维奥·阿米埃罗

如果您安装了 Web 开发工具栏，则 MeasureIt 是不必要的扩展。Web 开发人员工具栏包括标尺作为其功能之一。在下面 ”Miscellaneous“Web 开发人员类别，单击选项”Display Ruler" 使用与 MeasureIt 相同的尺子。

这将使您可以减少至少一个所需的扩展数量。

火狐浏览器插件：

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

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

  3. Colorzilla只需单击图标，悬停在您想知道的十六进制颜色的区域上，然后单击即可。

  4. 窗口恢复以确保布局在当今的标准分辨率中正确显示。

  5. 通过检查HTML，链接，CSS并执行更多操作，可以容易得多的验证器验证器。

Web开发人员 用于网络开发。 抄写员之火 如果您是博主兼程序员

对于网络开发我使用 网页开发者工具栏, CSS查看器 和 测量它.

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

编辑：谢谢 丹的回答 我不再需要 MeasureIt 了。不敢相信我从来没有见过！我想我只需要更加关注这个 WebDeveloper 工具栏即可。

添加到每个人的列表中， 篡改数据 非常有用，可以让您拦截请求并更改其中的数据。它可用于绕过 javascript 验证并检查服务器端是否正在执行其操作。

我用 Web开发人员, ，这确实节省了时间。

  • +1 为 萝莉 （“请求信息的生命周期”）。对于粗略测量特定网页的加载时间来说，这是一个非常方便的替代方案——否则您可能会使用外部秒表来完成这种事情。

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

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

火力FTP 适合抓取/上传任何必要的文件。

我发现 Hackbar 非常有用。如果您想要编辑 url 的查询字符串部分、测试漏洞，或者只是进行一般其他类型的测试（最终可能会得到复杂的查询字符串值），则非常有用。

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

上面遗漏的一些内容在这里

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

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

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

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

它曾经是仅适用于 IE 的扩展，现在它也可以连接到 Firefox。

地速, ，对于测试服务器端代码很有用。它是为渗透测试期间的输入验证测试而创建的，但对于任何需要操作输入的测试都很有用（类似于 TamperData）。

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

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top