前几天一个项目中的页面在Chrome和safari下撑开，Firefox，ie，opera正常，静态页面是OK的，只能找Chrome和safari下的调试工具，safari只有在MAC下有调试工具，而Chrome正式版（目前最新3.0.195.38）只有javascript控制台，css和html虽然也能调试，但是非常的不灵活，

。

所以去google Chrome的扩展中心google Chrome Extensions翻了个底朝天，终于找到了Chrome Web Developer Tools，（如果翻不了墙请点击下载）该工具需要在google Chrome 4 bate版上安装。

该工具在javascript控制台的基础进行了扩展，html和css的调试方便了很多（当然和firebug还是有一定的差距）；

安装后，启动该工具，如图：

工具界面：

1,Elements:主要是html和css的调试，

2.Resources：主要是加载时间和文件尺寸；

3.Scripts：主要是js；

4.Console：控制台，检查网页的错误，请求等等。

附加工具：如图

一下常用的小工具，不在一一介绍。

总体来说不管是功能上还是使用上都没有firebug实用，但是在google Chrome和safari浏览器下还是很好的一个选择。