虽然一直在用 Chrome DevTools，但大多停留在常用的功能和调试上，比如 Elements/Network/Sources/Console 等主要功能。该系列文章基于最新版的 Mac Chrome 完成，主要介绍 Network/Timeline/Profiles 三个方面的内容。

今天给大家分享一些使用 “Chrome 开发者工具” 的小技巧。包括调试，优化页面渲染速度等。希望能提升 Web 开发人员的工作效率。

前言 原文地址:Chrome控制台使用指南 博客地址:Damonare的个人博客 Chrome浏览器我想是每一个前端er必用工具之一吧，一部分原因是它速度快，体积不大，支持的新特性也比其它浏览器多，还有一部分我想就是因为它的控制台功能强大了吧，说它是神器一点也不过分，很方便。但…

日常的开发过程中使用它们以节约时间

虽然一直在用 Chrome DevTools，但大多停留在常用的功能和调试上，比如 Elements/Network/Sources/Console 等主要功能，该系列文章基于最新版的 Mac Chrome 完成，主要介绍 Network/Timeline/Profiles 三个方面的内容，为后续的加载优化，性能优化做准备。

虽然浏览器日新月异，每一次网站版本的更新就意味着 JavaScript、css 的速度更加快速，然而作为一名前端人员，是很有必要去发现项目中的性能的鸡肋的。在众多性能优化中，内存泄露相比于其他性能缺陷（网络加载）不容易发现和解决，因为内存泄露设计到浏览器处理内存的一些机制并且同时涉及到到你的编写的代码质量