Browser 建议使用浏览器附加工具来帮助开发

Browser 建议使用浏览器附加工具来帮助开发,browser,Browser,有人能推荐一些好的浏览器附加工具/扩展来帮助开发吗? 我在Firefox中安装了firebug,它非常适合处理CSS、HTML和javascript;还有其他建议吗 Firefox的另一个必备功能是Chris Pedrick。开发者控制台和Opera的DOM快照: 令人惊叹的是,这些书签是用JS实现的。令人讨厌的是,他们需要互联网。对于Firefox: 对于调查和开发来说是非常棒的 也很好。真正有助于CSS和页面布局的东西,以及更多 我也使用(我想它被称为,但它在我的工作机器上,所以现在找不到

有人能推荐一些好的浏览器附加工具/扩展来帮助开发吗? 我在Firefox中安装了firebug,它非常适合处理CSS、HTML和javascript;还有其他建议吗


Firefox的另一个必备功能是Chris Pedrick。

开发者控制台和Opera的DOM快照:

令人惊叹的是,这些书签是用JS实现的。令人讨厌的是,他们需要互联网。

对于Firefox:

对于调查和开发来说是非常棒的

也很好。真正有助于CSS和页面布局的东西,以及更多

我也使用(我想它被称为,但它在我的工作机器上,所以现在找不到链接)。这帮助我们解决了缓存等问题

我做了很多手机开发,所以我也用手机。非常有助于伪装成不同的手机


我倾向于只使用Firefox进行开发,而只是在其他浏览器中进行测试,因为大多数浏览器都没有Firefox那样广泛的插件来帮助开发。

您肯定应该安装Safari。它内置了许多工具。我一直将它与其他浏览器结合使用

  • 网络时间线
  • 错误控制台
  • 网络检查员
  • 代码段编辑器
此外,它还允许您为请求设置用户代理

考虑到这一点,它有一个单独的顶级菜单,名为开发

Firefox:

  • 如果您使用DOM检查器
  • 用于告诉您像素距离(如果需要)
  • 或者为了便于在其他浏览器中测试
  • 如果你关心验证
  • 改进js错误控制台
  • bookmarklet也很方便(看看其他的bookmarklet)

编辑:这是对其他人提到的工具的补充

在IE中,下一个工具可能很有用

  • -dom |样式查看器
  • -http监视器
  • -dom |样式查看器
  • -dom |样式查看器,扩展错误控制台
IE的“uber”扩展——“开发者工具”,作为IE8的一部分提供

火狐:

如果使用DOM检查器,请检查此选项

测量它来告诉你像素距离(如果你需要)

IE视图或Safari视图,便于在其他浏览器中测试

HTML验证程序,如果您关心验证

Console2以改进js错误控制台

Javascript Shell bookmarklet也很方便(看看其他的bookmarklet)

这是对其他人提到的Web开发工具栏的补充

Cebjyre的这个列表几乎完成了(因为问题中已经提到了FireBug)。我只想补充一点。它有时非常有用。

Opera有:

蜻蜓(工具->高级->开发人员工具)

opera:config#CompatMode%20用于强制怪癖或标准模式的覆盖


您可以查看文件源,编辑它们,应用更改并从缓存重新加载。

除了前面提到的优秀工具之外,我发现这些工具非常有用。特别是因为我在Flash远程处理方面做了很多工作,它处理得很好

Charles是一个HTTP代理/HTTP监视器/反向代理,它使开发人员能够查看其计算机与Internet之间的所有HTTP通信。这包括请求、响应和HTTP头(其中包含cookie和缓存信息)

Charles可以充当HTTP/SSL通信的中间人,使您能够调试HTTPS会话的内容

它是跨平台的,价格为50美元,但有一个“每次30分钟”的评估,您可以下载。

以下是我使用的:

火狐:

  • :在web开发中,我最常用的是它
  • :用于在其他浏览器/应用程序中打开网站
  • :这有助于调试GET/POST请求
  • :这有很多方便的调试功能:W3C验证工具、内置标尺、大小调整工具、源代码操作、简易缓存/css/脚本工具
即:

  • :虽然没有Firefox那么方便,但至少它提供了一个不错的DOM检查器
杂项:

  • :bookmarklet特别方便
  • 我也安装了和,但主要是用于测试和基准测试,因为他们的开发工具没有Firefox那么健壮,也没有IE那么有缺陷
  • :我用它来确保任何JS密集型的网站都能正常工作,这样我就可以确保它们在谷歌、屏幕阅读器和任何其他类似机器人的应用程序看来都是正常的

    • 以下是我的面向开发的附加组件:

    • 是一个甜美的Firebug插件,用于解决页面加载时间的问题