前端入门必会的初级调试技巧，学到就是赚到！

本文仅仅针对前端初学者，目的是【用20%不到的时间】 学会【前端最常用的部分调试技巧】，如果需要最详细的调试技巧，包括调试性能优化的相关知识，文末会补充最全的文档（chrome devtool的官方文档链接）

初学一门编程语言，大家一般都会找相关的教程看，好不容易找到一个不错的教程，兴冲冲的打开电脑，自信的敲（chao）下了几行代码，完美，点击运行

woc！！！

我明明照着教程写的，为啥就是不一样！！

为啥老报错啊啊啊！！！！！

于是点击教程回看，逐行的对代码，一遍遍的对下来，发现了一些小问题，赶紧改改，点击运行

为啥还是不一样啊啊啊啊啊啊啊啊！！！

自学的时候又没得人问，只能找百度，但是关键词都不知道怎么搜合适，搜出来一大堆广告和不相关的东西，从一开始的信誓旦旦到心态爆炸，然后逐渐……

好吧好吧，其实是你忘了学一样东西，只要是学编程，只要你开始写代码的时候，就要开始逐渐了解它的调试技巧

前端还有点不太一样，前端牵扯到多门语言，所以需要在每个阶段学习一些新的调试技巧，防止找不到问题心态爆炸

1、HTMl + CSS阶段

html代码的单独调试就不说了，这俩一般都是一起出现

在