有人可以建议一些好的浏览器附加工具/扩展来帮助开发吗? 我在Firefox中安装了firebug,非常适合处理CSS,HTML和javascript;还有其他建议吗?
答案 0 :(得分:9)
对于Firefox:
Firebug对于调查和开发来说非常棒。
Web Developer Toolbar也很好。真的有助于CSS和页面布局等等。
我也使用Live HTTP Headers(我认为它被调用,但它在我的工作机器上,所以现在找不到链接)。这帮助我们解决了缓存问题等问题。
我做了很多手机开发,所以我也使用UserAgent Switcher。非常有助于伪装成不同的手机。
我倾向于只使用Firefox进行开发,而只是在其他浏览器中进行测试,因为大多数浏览器都没有广泛的插件来帮助开发Firefox。
答案 1 :(得分:5)
火狐:
编辑:这是其他人提到的Web Development Toolbar的补充
答案 2 :(得分:2)
Firefox的另一个必备条件是Chris Pederick的Web Developer Toolbar。
答案 3 :(得分:2)
你一定要安装Safari。它内置了许多工具。我一直将它与其他浏览器结合使用。
另外,它允许您为请求设置用户代理。
考虑到这一点,它有一个单独的顶级菜单,名为开发。
答案 4 :(得分:2)
对于IE,下一个工具可能很有用
IE的“超级”扩展 - “开发者工具”,作为IE8的一部分提供
答案 5 :(得分:2)
Opera有:
Dragonfly(工具 - >高级 - >开发人员工具)
UserJS methods for intercepting things
opera:config#CompatMode%20Override用于强制怪癖或标准模式
您可以查看文件来源,编辑文件,应用更改并从缓存中重新加载。
答案 6 :(得分:1)
答案 7 :(得分:1)
火狐:
如果您在所有
使用DOM Inspector,请检查此项测量它以告诉您像素距离(如果您需要)
IE浏览器或Safari视图,便于在其他浏览器中进行测试
HTML Validator如果您关心验证
Console2改进你的js错误控制台
Javascript Shell书签也很方便(并查看其他书签)
这是其他人提到的Web开发工具栏的补充
Cebjyre的这个列表已接近完成(因为问题中已经提到过FireBug)。我只会添加Tamperdata。它不时非常有用。
答案 8 :(得分:1)
这是Firefox 3的面向开发的附加组件:
答案 9 :(得分:1)
YSlow是一个甜蜜的Firebug插件,用于排查页面的加载时间。
答案 10 :(得分:0)
除了已经提到的优秀工具之外,我发现Charles非常有用。特别是因为我使用Flash Remoting做了很多工作,它处理得非常好。
Charles是一个HTTP代理/ HTTP监视器/反向代理,它使开发人员能够查看其计算机和Internet之间的所有HTTP流量。这包括请求,响应和HTTP标头(包含cookie和缓存信息)。
Charles可以充当HTTP / SSL通信的中间人,使您能够调试HTTPS会话的内容。
这是跨平台,售价50美元,但每次会议“30分钟” - 您可以下载的评估。
答案 11 :(得分:0)
以下是我使用的内容:
火狐:
IE:
其他: