原创力文档- 1、本文档共14页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
chrome控制台使用介绍
2010/9/21 Google Chrome 开发人员工具介绍 - …
Google Chrome帮助
JavaScript (Elements) (Resources) (Scripts) (Profiles) (Storage) (Audits) (Timeline) (Console)
脚本存储欢迎信息相关资源剖析准备工作元素审计资源时间轴 控制台面板面板面板面板面板面板面板
Google Chrome 开发人员工具介绍
Google Chrome 开发人员工具介绍
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) 面板
如何使用存储 (Storage) 面板
如何使用审计 (Audits) 面板
如何使用 JavaScript 控制台 (Console)
准备工作
要开始使用开发人员工具，请先下载Google Chrome 浏
览器。（如果您想试用最新版本的的开发人员工具，可以 要获得开发人员工具，请点击下载
Google Chrome
下载开发版或测试版 （
文档评论（0）