这是我参与「第四届青训营 」笔记创作活动的第13天
前端基础班第8节：前端必须知道的开发调试知识。
一.bug与debug
1.bug的产生
2.前端debug的特点
- 多平台
- 多环境
- 多工具
- 多技巧
二.Chrome devtolls
1.动态修改元素和样式
2.console
打印日志
- 具象化展示
3.sorce tab
展示源代码
（1）break point与watch
添加断点：输入debugger/点击行号
（2）scope与call stack
（3）压缩后的代码如何调试
使用source map
4.network
5.application
6.performance 网页性能
7.lighthouse
三.移动端H5调试
1.真机调试
2.VConsole
3.代理调试
常用工具:
- charles:适合查看、控制网络请求、分析数据
- fiddler：与Charles相似，适合Windows平台
- spy-debugger:远程调试手机页面，抓包
- whistle：基于node实现跨平台web调试代理工具
4.nodejS调试
（1）inspector protocol+Chrome devtool
（2）inspector protocol+vscode
