Java面试笔试面经、Java技术每天学习一点

Chrome 开发者工具的各种骚技巧

Java面试

关注不迷路

作者:老姚

来源:https://juejin.im/user/58247e285bbb5000590e4824

Chrome 开发者工具的各种骚技巧

对于每个前端从业者来说,除了F5键之外,用的最多的另外一个键就是F12了。最近大神(@小鱼二)推荐我一个网站,才知道chrome还有各种骚姿势。这个网站是:umaar.com/dev-tips/,本文分享一些实用且聪明的调试技巧。

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

Chrome 开发者工具的各种骚技巧

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

Chrome 开发者工具的各种骚技巧

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

Chrome 开发者工具的各种骚技巧

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

Chrome 开发者工具的各种骚技巧

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

Chrome 开发者工具的各种骚技巧

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

Chrome 开发者工具的各种骚技巧

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

Chrome 开发者工具的各种骚技巧

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

Chrome 开发者工具的各种骚技巧

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

Chrome 开发者工具的各种骚技巧

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

Chrome 开发者工具的各种骚技巧

11.想知道,某图片加载的代码在哪?Initiator!

Chrome 开发者工具的各种骚技巧

Chrome 开发者工具的各种骚技巧

Chrome 开发者工具的各种骚技巧

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

Chrome 开发者工具的各种骚技巧

Chrome 开发者工具的各种骚技巧

多的就不列举了,可以看看开头的网站。看了有几个功能我电脑(win10)是没有的,应该跟chrome版本有关。

开发者工具的功能确实挺多,多得有时根本用不上,官网教程建议每个前端人员都看看

111111111111111111111111111111111111111111111111111111111111111111111

相关文章:

  • 2021-04-30
  • 2021-12-28
  • 2021-11-22
  • 2021-06-01
  • 2021-07-18
  • 2021-12-04
猜你喜欢
  • 2021-07-28
  • 2022-01-21
相关资源
相似解决方案