Google_Chrome_开发人员工具详解剖析.docx

Google Chrome 浏览器开发人员工具，让网页开发变得更轻松 无论是 IE 6/7 的 Internet Explorer Developer Toolbar 或者是 IE 8 自带的 Developer Tools，还是 Firefox 的 Firebug ，以及 Safari 的 Web Inspector 和 Opera 的 Dragonfly，他们的宗旨只有一个——帮助程序员方便、更高效地进行网页开发。 作为浏览器中生力军，Google Chrome 浏览器 (4.0及以上版本) 也自带了丰富的开发人员工具，让您可以随时随地对任何网页的 CSS、 HTML 和 JavaScript 进行实时编辑、调试以及监控。 Google Chrome 浏览器开发人员工具不仅仅能帮助您诊断、修复在网页加载、脚本执行以及页面呈现中出现的问题，还可以帮助您最大限度地了解您的网页或网络应用程序对CPU以及内存的使用情况。 本篇教程将从以下几部分系统地讲解如何使用 Google Chrome 浏览器开发人员工具来帮助您的开发： 准备工作 如何使用元素 (Elements) 面板 如何使用资源 (Resources) 面板 如何使用脚本 (Scripts) 面板 如何使用时间轴 (Timeline) 面板 如何使用剖析 (Profiles) 面板 如何使用存储 (Storag