前端调试技术｜ 青训营笔记

SAZZM
40 阅读1分钟

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

bug与debug

bug的历史

image.png

前端的bug特征

image.png

chrome devtools

how to open

image.png

element

image.png 强制处在某个状态

image.png image.png 搜索需要调试的样式

console

image.png

image.png

source

image.png

如何进入debug状态：

image.png

也可以把鼠标hover上去查看变量的值

image.png

压缩的代码如何调试

image.png

image.png

network

image.png

application

image.png

performance

image.png

light house

image.png

移动端调试

真机调试

image.png

vconsole

image.png

代理工具

image.png

nodejs

image.png

image.png

前端常用开发调试技巧

image.png

image.png image.png image.png image.png

avatar
文章
阅读
粉丝