这是我参与「第四届青训营 」笔记创作活动的第5天
前言
在前端开发中，我们免不了的会写出各种各样的bug，如何能够够快的找到并解决bug，是我们在敲代码过程中非常重要的一环，下面就让我们来熟悉一下常用的开发调试知识吧！
浏览器中的开发调试
Chrome dev tools
console(控制台)
控制台是我们平时输出日志的地方，也可以直接在console里面输入输出。
最常见的console.log(),即可在控制台输出我们想要输出的内容。
与之功能类似的还有console.warn,console.error,console.debug等等
一些有趣且使用的功能
console.table()可以具象化的以表格的方式展示json和数组数据，这样我们不用一层一层地展开便可看到全部数据，如下图：
console.dir()通过类似文件树的方式展示对象的属性。console.time()可以启动一个计时器来跟踪某一个操作的占用时长 example:
Source(资源)
在这里我们可以看到我们文件的源代码，并进行debug调试，而且还可以很清楚地看到scope（作用域），call stack（调用栈）等，清楚地找到我们程序的问题。详见下图：
Network(网络相关)
在Network这一栏，我们可以看到前端发送的所有请求信息，在与后端进行交互的时候，我们可以点开不同的请求接口，看到相关的请求和相应的信息，以便我们更好地看到返回的结果和数据。详见下图：
Application(应用)
关于我们在某些网站上存储的一些信息，比如我们登录后，浏览器会存储该网站的cookie，我们下次登陆的时候，就不必再次登录。详见下图：
Performence(表现)
用来分析的一些性能表现，以便我们能更好地优化我们的站点
结语
没有任何一个程序是一次性没有错误写出来的，掌握好的开发调试知识，能够让我们思考我们的代码书写问题，从而使我们走向更高的层次。
