浏览器调试工具的使用

日常我们在开发低代码的时候，组件配置完毕了之后需要构建，构建完毕后会有网页的地址，那如果遇到实际的效果和我们预期的效果不一致时候该怎么办呢？此时就不得不用到浏览器的开发者工具进行调试了。

我一般喜欢使用chrome，点击F12唤起开发者工具

带箭头的图标

这个图标表示可以选中页面中的元素，我们点击一下这个图标，然后再选中页面中的元素就可以看到具体的代码

console标签的话可以输入js的代码，也方便我们看到变量的具体值

点击source标签可以看到加载的css及js，我们可以进行断点调试

network标签主要是跟踪请求，可以看到异步请求的执行过程，返回的结果和执行的时间

日常在前端开发中不可避免的要和这些标签打交道，熟练使用工具可以提高开发的效率。