Browser 建议使用浏览器附加工具来帮助开发
有人能推荐一些好的浏览器附加工具/扩展来帮助开发吗? 我在Firefox中安装了firebug,它非常适合处理CSS、HTML和javascript;还有其他建议吗Browser 建议使用浏览器附加工具来帮助开发,browser,Browser,有人能推荐一些好的浏览器附加工具/扩展来帮助开发吗? 我在Firefox中安装了firebug,它非常适合处理CSS、HTML和javascript;还有其他建议吗 Firefox的另一个必备功能是Chris Pedrick。开发者控制台和Opera的DOM快照: 令人惊叹的是,这些书签是用JS实现的。令人讨厌的是,他们需要互联网。对于Firefox: 对于调查和开发来说是非常棒的 也很好。真正有助于CSS和页面布局的东西,以及更多 我也使用(我想它被称为,但它在我的工作机器上,所以现在找不到
Firefox的另一个必备功能是Chris Pedrick。开发者控制台和Opera的DOM快照: 令人惊叹的是,这些书签是用JS实现的。令人讨厌的是,他们需要互联网。对于Firefox: 对于调查和开发来说是非常棒的 也很好。真正有助于CSS和页面布局的东西,以及更多 我也使用(我想它被称为,但它在我的工作机器上,所以现在找不到链接)。这帮助我们解决了缓存等问题 我做了很多手机开发,所以我也用手机。非常有助于伪装成不同的手机
我倾向于只使用Firefox进行开发,而只是在其他浏览器中进行测试,因为大多数浏览器都没有Firefox那样广泛的插件来帮助开发。您肯定应该安装Safari。它内置了许多工具。我一直将它与其他浏览器结合使用
- 网络时间线
- 错误控制台
- 网络检查员
- 代码段编辑器
- 如果您使用DOM检查器
- 用于告诉您像素距离(如果需要)
- 或者为了便于在其他浏览器中测试
- 如果你关心验证
- 改进js错误控制台
- bookmarklet也很方便(看看其他的bookmarklet)
编辑:这是对其他人提到的工具的补充在IE中,下一个工具可能很有用
- -dom |样式查看器
- -http监视器
- -dom |样式查看器
- -dom |样式查看器,扩展错误控制台
您可以查看文件源,编辑它们,应用更改并从缓存重新加载。除了前面提到的优秀工具之外,我发现这些工具非常有用。特别是因为我在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插件,用于解决页面加载时间的问题
- 以下是我的面向开发的附加组件: