火狐插件

我想提到萤火虫是愚蠢的——怀疑没有它我们中的任何人都能活下去。除此之外,我使用以下内容(仅列出与dev相关的内容):

• 慰问 ^二 :下一代错误控制台
• dom-inspector:正如标题所示,允许您浏览dom
• 编辑cookies:动态更改cookies
• 执行JS:Ad-Hoc JavaScript执行
• IE选项卡:在IE中呈现页面
• 检查此:将所选对象放入DOM检查器
• jsView:显示链接的javascript和css
• Lori(请求信息的生命周期):显示呈现页面所需的时间
• 测量:一个弹出的标尺。
• url参数:显示get和post变量
• Web开发人员:Web开发人员的各种工具

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

1. FireBug -大量提高生产力的工具,包括javascript调试器、dom inspector,允许您动态编辑css/html,这对于解决布局和显示问题非常有价值。

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

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并使用cookie值保持会话“粘性”的Web场中,这是一个很好的调试工具。它允许我在服务器之间随意切换以跟踪特定机器上的问题。如果你想尝试处理一个使用cookie跟踪你的登录状态/帐户的网站,并且你想看看你的代码是如何响应错误的或被黑客攻击的信息的,这也是一个很好的工具。

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

我有一些其他的插件,我经常使用,我会很快提到:fireftp(一个我安装的不稳定,我没有尝试过更新的版本),html验证器(也发现这个不稳定,至少在一年前我安装的时候),ie tab(我通常只是同时打开ie和firefox,但那是j相信我,我知道很多其他人认为这个插件有用)。

我也推荐 Web Developer 由Chris Pederick扩展。

至于Web开发,特别是对于JavaScript,我发现 Firebug 无价之宝。 Web developer toolbar 也是非常有用的。

我有的是…

• Y-SLow
• Live Headers
• Firebug
• Dom Inspector

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

@弗利维奥阿米罗

如果安装Web开发人员工具栏,measureit是不必要的扩展。Web开发人员工具栏包含一个标尺作为其功能之一。在“ Miscellaneous “Web开发人员类别单击选项” Display Ruler “使用与被测物相同的直尺。

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

火狐插件:

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

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

3. 彩色染料 只需点击图标,将鼠标悬停在你想知道十六进制颜色的区域上,然后点击。

4. 窗口调整器 以确保在今天的标准分辨率中正确显示布局。

5. 总验证器 通过检查HTML、链接、CSS和执行更多操作,验证网站更加容易。

Web Developer 用于Web开发。 Scribefire 如果你是一个博客计划者

对于Web开发,我使用 Web Developer Toolbar , CSS Viewer 和 MeasureIt .

但我真的不是那种能做任何事情都有上千个扩展名的人。我喜欢保持简单。

编辑:谢谢 Dan's answer 我不再需要测量了。真不敢相信我从没见过!我想我只需要花更多的时间关注这个WebDeveloper工具栏。

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

我用 Web Developer 这是一个真正的省时方法。

• + 1 LORI (请求信息有效期)。对于一个特定网页的加载时间的粗略测量来说,它是一个非常方便的替代方法——这是一种您可能使用外部秒表的方法。

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

• LastTab . 更改ctrl+tab的行为,使您可以在最近使用的选项卡之间来回导航,并重复按ctrl+tab,这与alt+tab在Windows中的工作方式相同。还提供了一个良好的视图,所有打开的选项卡,同时按住ctrl键以方便导航。(结果行为与最新版本的Visual Studio中的ctrl+tab行为非常相似。)

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

我觉得黑工具栏很有用。如果您想编辑URL的query string部分,测试漏洞,或者只是一般的其他类型的测试,最终可能得到复杂的查询字符串值,那么这非常有用。

我在学习dom-inspector,但我改为firebug。

上面有些遗漏在这里

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

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

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

Fiddler 是一个非常好的调试代理。把它看作是Firebug中“net”面板的一个更强大的版本,或者是实时HTTP头文件。

它以前是一个只支持IE的扩展,现在它也可以挂入Firefox了。

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

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