学习前端，从浏览器debugger开始。个人觉得debugger是开发最最基础，也是最最重要的能力之一。前端debugger分为浏览器端和Node端，本文记录一些个人常用的浏览器debugger技巧。

这篇文章将介绍如何使用断点来进行 JavaScript 调试。但是我们为什么要使用断点来进行调试呢？难道 console.log 不能满足需求吗？

1. Chrome DevTools功能简介 Chrome DevTools由以下九部分组成： Element元素面板：检查和调整页面，调式DOM，调试CSS Network网络面板：调试请求，了解页

工欲善其事必先利其器，Chrome 浏览器应该算是前端开发人员最常用的工具了，本期带来一些很实用的 Chrome 浏览器调试方法，这些调试方式可以从性能，逻辑，布局，交互等等方面帮助和提高开发效率。