这是我参与「第五届青训营 」伴学笔记创作活动的第十一天
课程重点
- Web 应用使用 Chrome devTools 调试
- 移动端 H5 调试
- NodeJs 应用调试
- 常用代理工具的使用
详细知识点介绍
bug与debug
bug的产生

前端debug的特点

chrome devtools
- Elements
- Console
- Source
- Performance
- Network
动态修改元素和样式

console

sorce tab

break point 与 watch

scope与call stack

压缩后的代码如何调试?

source map

network

application

performance

performance 运用 示例

lighthouse

移动端 h5 调试
真机调试

vconsole

使用代理工具调试

常用代理工具

nodejs 调试
inspector protocol + chrome devtool

inspector protocol + vs code

常用开发调试技巧





引用参考
Web 调试技术