浏览器附加工具的建议,以帮助开发

时间:2008-08-20 08:09:38

标签: browser

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

Firebug

12 个答案:

答案 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。它内置了许多工具。我一直将它与其他浏览器结合使用。

  • 网络时间表
  • 错误控制台
  • Web Inspector
  • 摘录编辑器

另外,它允许您为请求设置用户代理。

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

答案 4 :(得分:2)

对于IE,下一个工具可能很有用

IE的“超级”扩展 - “开发者工具”,作为IE8的一部分提供

答案 5 :(得分:2)

Opera有:

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

Debug Menu

UserJS methods for intercepting things

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

Web developer widgets

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

答案 6 :(得分:1)

Opera的

开发者控制台 DOM快照

http://dev.opera.com/tools/

令人敬畏的是这些是用JS实现的bookmarklet。可怕的是,他们需要互联网。

答案 7 :(得分:1)

  

火狐:

     

如果您在所有

使用DOM Inspector,请检查此项      

测量它以告诉您像素距离(如果您需要)

     

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

     

HTML Validator如果您关心验证

     

Console2改进你的js错误控制台

     

Javascript Shell书签也很方便(并查看其他书签)

     

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

Cebjyre的这个列表已接近完成(因为问题中已经提到过FireBug)。我只会添加Tamperdata。它不时非常有用。

答案 8 :(得分:1)

答案 9 :(得分:1)

YSlow是一个甜蜜的Firebug插件,用于排查页面的加载时间。

答案 10 :(得分:0)

除了已经提到的优秀工具之外,我发现Charles非常有用。特别是因为我使用Flash Remoting做了很多工作,它处理得非常好。

  

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

     

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

这是跨平台,售价50美元,但每次会议“30分钟” - 您可以下载的评估。

答案 11 :(得分:0)

以下是我使用的内容:

火狐:

  • DOM Inspector:我比其他任何东西都更多地使用它进行网页开发
  • Launchy:用于在其他浏览器/应用中打开网站
  • Tamper Data:这对调试GET / POST请求很有帮助
  • Web Developer Toolbar:这有很多方便的调试功能:W3C验证工具,内置标尺,调整大小工具,源操作,简易缓存/ css /脚本工具

IE:

其他:

  • Jesse's handy bookmarkletsshell bookmarklet特别方便
  • 我还安装了SafariOpera,但大多只是将它们用于测试和基准测试,因为他们的开发工具不如Firefox强大,而且它们不像IE那样错误。< / LI>
  • Lynx:我用这个确保任何JS重型网站仍然有效,这样我确信他们看起来对Google,屏幕阅读器和任何其他类似机器人的应用程序都很好。