前端调试必会：Chrome开发者工具两个功能，80%问题搞定

新手做前端，不会调试页面，今天说一下Chrome开发者工具最常用的两个功能，学会了排查问题快一倍。

1. 元素检查

页面上哪个样式不对，右键点"检查"，就能看到对应的HTML和CSS，在右边直接改样式，实时预览，改对了再把代码复制到文件里，不用改完刷新来回试。

2. Network面板看请求

页面加载慢、接口报错，切到Network面板，刷新页面，哪个文件加载慢、哪个接口报红，一眼就能看到，不用瞎猜问题在哪。

这两个功能，覆盖80%的前端调试场景，不用学全开发者工具，会这两个，日常调试足够用。