这是我参与「第五届青训营 」伴学笔记创作活动的第10天。
一、本堂课重点内容
- Chrome DevTools
- 移动端H5调试
- Nodejs调试
- 常用开发调试技巧
二、详细知识点介绍
1、Chrome DevTools
Elements
Console
- console.log
- console.warn（以警告的格式打印信息）
- console.error（以报错的格式打印信息，并且在调用列出产生堆栈跟踪）
- console.debug（以信息的格式打印信息。左侧可以选择等级,对日志进行分类查看）
- console.table（可以具像化的展示JSON和数组数据）
- console.dir（可以展示对象中的属性和对应的值）
- 占位符
Source
Sorce Tab
Break Point与Watch
Scope与Call Stack
NetWork
Application
Performance
Lighthouse
2、移动端H5调试
- 真机调试（安卓，ios）
- VConsole
- 使用代理工具调试（电脑作为代理服务器；手机通过 HTTP 代理连接到电脑；手机上的请求都经过代理服务器）
- 常用代理工具（Charles、Fiddler、spy-debugger、Whistle）
3、Nodejs调试
4、常用开发调试技巧
- 线上及时修改 Overrides
- 利用代理解决开发阶段的跨域问题
- 使用代理工具Mock数据
- 小黄鸭调试大法
三、课后个人总结
本节课学习了PC端和移动端的调试方式，对调试的方法、工具了解更多了一些。
