浏览器及相关开发工具

对于开发者来说，大家在开发中常常会用到浏览器中的调试及开发工具，它们非常的方便，比如说:Firebug，Web Developer等，但还有一些其他的工具大家可能不太了解，现在发上来大家各取其所长吧。

浏览器

相关开发工具

Firefox, Flock




IE6, IE7, IE8beta

  • IE Developer Toolbar (DOM, CSS)

  • HttpWatch (HTTP viewer)
  • Web Accessibility Toolbar (Accessibility and more)
  • XRAY, MRI (CSS)
  • Visual Web Developer Express Edition (JavaScript)

  • Microsoft Script Debugger (JavaScript)




    • Opera Dragonfly

  • Opera developer tools (DOM, CSS, JavaScript)

  • Opera Error Console (HTML, CSS, JavaScript)

  • Web Accessibility Toolbar (Accessibility and more)




    • Safari WebKit

  • XRAY, MRI (CSS)偏好设置》高级》在菜单栏中显示开发菜单




    • Chrome

  • 自带的开发人员工具





    • 关于浏览器多版本并存问题

  • Firefox装3.0的，再装个Flock1.1(内核为firefox2)的，就可以并存两个版本，某些插件不支持新版可装Nightly Tester Tools来解决

  • IE多个版本并存可选择Multiple IE或者IETester

    • 一些在线用的小东东

    Accessibility

    浏览器模拟工具



    Browsershots 能给出你的网站在不同浏览器下显示效果的截图，包括：Firefox 和 Internet Explorer （ Windows ）、Firefox 和 Safari （ Mac OS X ）、Iceweasal 和 Konqueror （ Linux ），但是结果要在 1 – 3 小时后才能出来。 Browsrcamp 没有Mac的同学可以来这里。。实时生成Safari滴，速度很快。
    IE NetRenderer 没有Win的同学可以来这里。。实时生成你的网站在 Internet Explorer 5.5 、6.0 和 7.0 下的截图。 MobiReady Report 分析使用手机访问网页的兼容性问题，会生成一份详细的报告，并提供了在两种不同类型的手机浏览器上你得网站可能显示的样子。

    一些软件

    Mac

    • Coda：华丽的软件设计，最大的优点就是同步方便
    • TextMate：实用软件，最大的缺点就是中文支持不好，而且不支持存GBK的

    Microformats Cheat Sheet 另一份

    一些参考资料