chrome 开发者工具的 11 个骚技巧

对于每个前端从业者来说,除了 F5 键之外,用的最多的另外一个键就是 F12 了。

这里介绍 11 个 chrome 开发者工具的骚技巧。

助你快速定位问题,天天六点下班。

1.曾经,在线调伪类样式困扰过你?

chrome 开发者工具的 11 个骚技巧

2.源代码快速定位到某一行 ctrl + p

chrome 开发者工具的 11 个骚技巧

3.联调接口失败时,后台老哥总管你要 response?

chrome 开发者工具的 11 个骚技巧

4.你还一层层展开 dom:Alt + Click

chrome 开发者工具的 11 个骚技巧

5.是不是报错了,你才去打断点?

chrome 开发者工具的 11 个骚技巧

6.你是不是经常想不起来,在哪绑定事件的?

chrome 开发者工具的 11 个骚技巧

7.你是不是打断点时还要去改代码?

chrome 开发者工具的 11 个骚技巧

8.看 dom 层级的最直观的方式?

chrome 开发者工具的 11 个骚技巧

9.查一些特定的请求,过滤器用过吗?

chrome 开发者工具的 11 个骚技巧

10.在 Elements 面板调整 dom 结构很不方便?

chrome 开发者工具的 11 个骚技巧

11.不想加载某个文件了?

chrome 开发者工具的 11 个骚技巧

❤️爱心三连击

1.看到这里了就点个在看支持下吧,你的在看是我创作的动力。

2.关注公众号程序员成长指北「每天为您分享原创或精选文章」

3.特殊阶段,带好口罩,做好个人防护。

4.添加微信【ikoala520】,拉你进技术交流群一起学习。

chrome 开发者工具的 11 个骚技巧

“在看转发”是最大的支持