这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天
概述
本节课程主要分为四个方面：
- Web 应用使用 Chrome devTools 调试
- 移动端 H5 调试
- NodeJs 应用调试
- 常用代理工具的使用
PC端调试
前端Debug特点
思考
不带source map，则上线后无法调试
带source map，则体积大，影响性能
应用场景：监控
打包时的产物带source map，上线前上传到另一个平台，删除产物中的source map，再上传
拓展
vs code格式化代码的快捷键如下：
在Windows上 Shift+ Alt+F (推荐学习：vscode入门教程)
在Mac上 Shift+ Option+F
在Ubuntu上 Ctrl+ Shift+I
移动端调试
见参考PPT
技巧
为什么代理可以解决跨域？
真的很简单!!为什么代理可以解决跨域，代理的原理是什么。 - 掘金
总结
- 通过系统地学习，掌握调试技巧，有助于效率提升
- 三分编程，七分调试
