Google Chrome 浏览器的 Developer Tools 现在的功能完善到足以与 firebug 相当了。作为 web 开发人员的我们现在有理由把 firefox 放弃而改投 Google Chrome 浏览器。

速度足够的快，效果足够的炫。

Elements 的左边为HTML树形结构，右边依次为Styles:样式，Metrics：度量，Properties：属性，Event Listeners：事件监听器。

Scripts 的左边为脚本代码区，右边依次为Watch Expressions，Call Stack，Scope Variables，Breakpoints。

最下面一排是常用的功能，其中的 console还是单行模式的JavaScript控制台。尤其有了窗口停靠(dock window)的功能。