这是我参与「第五届青训营 」伴学笔记创作活动的第 八 天

今日课程重点

1. Bug和Debug 2. 谷歌调试工具 3. 移动端H5调试 4. Node.js调试 5. 常用调试技巧

1. Bug和Debug

Bug：缺陷或是漏洞，在计算机领域，bug指系统缺陷，程序漏洞等等问题
Debug：调试程序，检查程序中存在的问题

前端Debug的特点：

2. 谷歌调试工具

1.Elements

动态修改元素和样式

2.Console

3.Source

打断点和观察代码执行过程

Scope和Call Stack

如何调试压缩后的代码

Source Map

4.Performance

示例

5.Network

6.Application

7.Lighthouse

3. 移动端H5调试

真机调试

VConsole

使用代理工具调试

常用代理工具

4. Node.js调试

Inspector Protocol+Chrome Devtool

Inspector Protocol+VS Code

5. 常用调试技巧

线上及时修改Overrides

利用代理解决开发阶段的跨域问题

启用本地source map

使用代理工具Mock数据