谷歌前端html页面调试工具,【前端开发工具】google Chrome开发人员工具（Chrome Web Developer Tools）...

前几天一个项目中的页面在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浏览器下还是很好的一个选择。