您使用哪些对程序员有用的 Firefox 附加组件?
19 回答
我想提到 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 开发人员提供的无数工具
这是我的(以开发人员为中心):
FireBug - 无数的生产力增强工具,包括 javascript 调试器、DOM 检查器,允许您动态编辑 CSS/HTML,这对于排查布局和显示问题非常有价值。
Web Developer - 又一个伟大的开发人员生产力工具。我主要使用它来快速验证页面、禁用 javascript(是的,我有时会禁用 javascript,不是吗?)、查看 cookie 等。
篡改数据- 让您在发回页面或获取页面之前篡改 http 标头、表单值、cookie 等。对于戳戳和刺激您的页面以及查看您的 Web 应用程序在出于轻微恶意目的使用时如何响应非常有价值。
JavaScript 调试器- 比 firebug 提供的 javascript 调试器具有更多的功能。虽然我必须承认,我很少使用这个,因为萤火虫在很大程度上赢得了我的支持。
Live HTTP Headers - 对于故障排除非常宝贵,经常使用它。允许您监视客户端和服务器之间来回通信的所有 HTTP 标头。它帮助我追踪了恶意问题,尤其是在在环境之间部署 Web 应用程序时调试问题时。
Header Spy - 极客类型的好插件,在状态栏中向您显示网站运行的 Web 服务器和平台。
MeasureIt - 我不经常使用它,但我仍然不时发现它很有价值。
ColorZilla - 同样,不是我经常使用的东西,但是当我需要它时,我需要它。当您想知道一种颜色并且不想深入研究 CSS 文件或打开图形编辑应用程序以获取嵌入在某些图像中的颜色时,这很有价值。
添加 N 编辑 Cookie - 这在负载均衡器写入 cookie 并使用 cookie 值保持会话“粘性”的 Web 场中一直是一个很棒的调试工具。它允许我在服务器之间随意切换以跟踪特定机器上的问题。如果您想尝试弄乱使用 cookie 跟踪您的登录状态/帐户的网站,并且您想查看您的代码如何响应格式错误或被黑客入侵的信息,这也是一个很好的工具。
Yellowpipe Lynx Viewer Tool - 是的,我知道你的想法,lynx,谁需要它,它是如此 1994。但如果你正在开发一个需要考虑 Web 可访问性的网站(意味着使用屏幕阅读器的有视觉障碍的用户可以访问) ,或者如果您需要了解网络蜘蛛/索引器如何“看到”您的网站,这个工具是无价的。当然,你总是可以自己出去拿 Lynx这是我使用的 windows xp 端口。
我有一些我不时使用的其他插件,我会快速提及:FireFTP(我安装的一个不稳定,我没有尝试过更新的版本),Html Validator(也是发现这个不稳定,至少在我一年前安装时),IE Tab(我通常同时打开 IE 和 FireFox,但这只是我,我知道很多其他人觉得这个插件很有用)。
我还推荐 Chris Pederick 的Web Developer扩展。
至于 web 开发,尤其是对于 javascript,我发现Firebug是无价的。Web 开发人员工具栏也非常有用。
还没有提到的是这个HTML Validator扩展,我发现它非常有用。
@Flávio Amieiro
如果您安装 Web Developer Toolbar,MeasureIt 是一个不必要的扩展。Web Developer Toolbar 包括一个标尺作为其功能之一。在Miscellaneous
Web Developer 的“”类别下,单击“ Display Ruler
”选项以使用与 MeasureIt 相同的标尺。
这将允许您减少至少一个所需的扩展数量。
火狐插件:
FireBug:帮助 Web 开发人员和设计人员测试和检查前端代码。它为我们提供了许多有用的功能,例如用于记录信息的控制台面板、DOM 检查器、有关页面元素的详细信息等等。
Web Developer - 为您提供禁用 CSS、动态编辑 CSS、测量页面的某些区域等功能。
ColorZilla 只需单击图标,将鼠标悬停在您想知道十六进制颜色的区域上,然后单击。
Window Resizer 以确保布局以当今的标准分辨率正确显示。
Total Validator 通过检查 HTML、链接、CSS 和执行更多操作来更轻松地验证网站。
用于 Web 开发的Web Developer。Scribefire如果您是博主程序员
对于 Web 开发,我使用Web Developer Toolbar,CSS Viewer 和MeasureIt。
但我真的不是那些拥有一千个扩展来做所有事情的人之一。我喜欢让事情变得简单。
编辑:感谢Dan 的回答,我不再需要 MeasureIt。不敢相信我从来没有见过!我想我只需要更加注意这个 WebDeveloper 工具栏。
添加到每个人的列表中,篡改数据非常有用,可让您拦截请求并更改其中的数据。它可以用来绕过 javascript 验证并检查服务器端是否在做它的事情。
我使用Web Developer,它是一个真正的节省时间。
+1 为LORI(“请求信息的生命周期”)。对于粗略测量特定网页的加载时间来说,这是一个非常方便的替代方案——您可能会使用外部秒表来完成这种事情。
新标签主页。结合“快速拨号”类型的主页(您经常使用的个人、快速加载链接页面),可帮助您在打开新的浏览器选项卡时更快地到达目的地。
最后一个选项卡。更改 Ctrl+Tab 的行为,让您可以通过反复按 Ctrl+Tab 在最近使用的选项卡之间来回导航,这与 Alt+Tab 在 Windows 中的工作方式相同。还提供了所有打开的选项卡的良好视图,同时仍按住 Ctrl 以便于导航。(结果行为与 Visual Studio 最新版本中的 Ctrl+Tab 行为非常相似。)
FireFTP非常适合抓取/上传任何必要的文件。
我发现 Hackbar 非常有用。如果您想编辑 url 的查询字符串部分,测试漏洞,或者只是一般的其他类型的测试,您可能会得到复杂的查询字符串值,这非常有用。
我正在学习 DOM 检查器,但我已经切换到 Firebug。
Fiddler是一个非常棒的调试代理。将其视为 Firebug 或 Live HTTP 标头中“网络”面板的更强大版本。
它曾经是一个仅限 IE 的扩展,现在它也可以连接到 Firefox。
Groundspeed,对于测试服务器端代码很有用。它是为渗透测试期间的输入验证测试而创建的,但对于任何需要操纵输入的测试(类似于 TamperData)都非常有用。
它允许您控制页面中的表单元素,您可以更改它们的类型和其他属性(大小、长度、javascript 事件处理程序等)。因此,例如,您可以将隐藏字段或选择更改为文本框,然后输入任何值来测试服务器响应和类似的东西。