Firefox附加组件

时间:2008-08-30 22:23:42

标签: firefox add-on

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

19 个答案:

答案 0 :(得分:18)

我想提到Firebug是愚蠢的 - 怀疑我们任何人都可以没有它。除此之外,我使用以下(仅列出dev相关):

  • 控制台 2 :下一代错误控制台
  • DOM检查器:正如标题所示,允许您浏览DOM
  • 编辑Cookie:动态更改Cookie
  • 执行JS:ad-hoc Javascript执行
  • IE选项卡:在IE中呈现页面
  • 检查这个:将所选对象带入DOM检查器
  • JSView:显示链接的javascript和CSS
  • LORI(请求信息的生命周期):显示呈现页面所需的时间
  • 测量IT:一个弹出标尺。
  • 网址参数:显示GET和POST变量
  • Web Developer:面向Web开发人员的无数工具

答案 1 :(得分:13)

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

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

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

  3. Tamper Data - 允许您在发回页面或获取页面之前篡改http标头,表单值,Cookie等。对于挖掘和刺激您的页面非常有价值,并且看到您的Web应用程序在使用时有轻微的恶意意图。

  4. JavaScript Debugger - 除了firebug提供的javascript调试器之外还有一些功能。虽然我必须承认,我谨慎地使用这个,因为萤火虫在很大程度上赢了我。

  5. Live HTTP Headers - 无法排除故障,请经常使用。让您监视客户端和服务器之间来回传递的所有HTTP头。它帮助我找出了各种各样的问题,尤其是在环境之间部署Web应用程序时调试问题时。

  6. Header Spy - 对于令人讨厌的类型的好插件,向您显示状态栏中运行网站的Web服务器和平台。

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

  8. ColorZilla - 再次,不是我经常使用的东西,但是当我需要它时,我需要它。当您想要了解颜色并且不想浏览CSS文件或打开图形编辑应用程序以在某些图像中嵌入颜色时,这是有价值的。

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

  10. Yellowpipe Lynx Viewer Tool - 是的,我知道你的想法,lynx,谁需要它,它如此1994.但如果你正在开发一个需要考虑web可访问性的网站(意味着用户可以访问使用屏幕阅读器的视觉障碍),或者如果您需要了解网络蜘蛛/索引器如何“看到”您的网站,这个工具是非常宝贵的。当然,你可以随便出去自己抓住Lynx here's the windows xp port that I use

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

答案 2 :(得分:5)

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

答案 3 :(得分:2)

就网络开发而言,尤其是对于javascript,我发现Firebug非常宝贵。 Web developer toolbar也很有用。

答案 4 :(得分:2)

尚未提及的一个是HTML Validator扩展程序,我发现它非常有用。

答案 5 :(得分:2)

我拥有的是......

答案 6 :(得分:1)

Firefox插件:

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

  2. Web开发人员 - 为您提供电源禁用CSS,动态编辑CSS,测量页面的某些区域等等。

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

  4. Window Resizer 确保布局在今天的标准分辨率下正确显示。

  5. 总验证员 通过检查HTML,链接,CSS以及执行更多操作来更轻松地验证网站。

答案 7 :(得分:1)

@FlávioAmieiro

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

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

答案 8 :(得分:0)

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

答案 9 :(得分:0)

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

答案 10 :(得分:0)

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

但我真的不是那些有千万次扩展来做所有事情的人之一。我喜欢简单易懂。

编辑:感谢Dan's answer我不再需要MeasureIt了。简直不敢相信我从未见过!我想我只需要更多地关注这个WebDeveloper工具栏。

答案 11 :(得分:0)

  • +1 LORI(“life-of-request-info”)。对于粗略测量特定网页的加载时间,这是一种非常方便的替代方法 - 您可以使用外部秒表进行粗略测量。

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

  • LastTab。更改Ctrl + Tab的行为,让您在重复按Ctrl + Tab的情况下在最近使用的选项卡之间来回导航,这与Alt + Tab在Windows中的工作方式相同。还提供了所有打开选项卡的精美视图,同时仍然按住Ctrl键以便于导航。 (结果行为与最近版本的Visual Studio中的Ctrl + Tab行为非常相似。)

答案 12 :(得分:0)

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

答案 13 :(得分:0)

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

答案 14 :(得分:0)

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

答案 15 :(得分:0)

上面遗漏了其中一些

  • Load Time Analyzer - 查看firefox中网页加载时间的详细图表。图表显示页面请求,图像加载时间等事件。

  • Poster - 必须为Web开发人员提供工具,使他们能够与Web服务和其他Web资源进行交互。

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

答案 16 :(得分:0)

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

它曾经只是一个IE浏览器扩展,现在它也有Firefox的钩子。

答案 17 :(得分:0)

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

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

答案 18 :(得分:0)

用于网站开发的

Web DeveloperScribefire如果你是博客作者