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 个骚技巧

感谢阅读

欢迎关注「前端瓶子君」,回复「算法」自动加入,从0到1构建完整的数据结构与算法体系!

在这里,瓶子君不仅介绍算法,还将算法与前端各个领域进行结合,包括浏览器、HTTP、V8、React、Vue源码等。

在这里,你可以每天学习一道大厂算法题(阿里、腾讯、百度、字节等等)或 leetcode,瓶子君都会在第二天解答哟!

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