Google Chrome开发人员工具（Chrome Web Developer Tools）
前端开发人员工具。虽然没有Firefox+FireBug强大，不过也是一种不错的选择。
前几天一个项目中的页面在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浏览器下还是很好的一个选择。