作者：程序员成长指北
转发链接：https://mp.weixin.qq.com/s/v4lrOk1tSHksxTLZjeYLJg
对于每个前端从业者来说，除了 F5 键之外，用的最多的另外一个键就是 F12 了。
这里介绍 11 个 chrome 开发者工具的骚技巧。
助你快速定位问题，天天六点下班。
1.曾经，在线调伪类样式困扰过你？
2.源代码快速定位到某一行 ctrl + p
3.联调接口失败时，后台老哥总管你要 response？
4.你还一层层展开 dom：Alt + Click
5.是不是报错了，你才去打断点？
6.你是不是经常想不起来，在哪绑定事件的？
7.你是不是打断点时还要去改代码？
8.看 dom 层级的最直观的方式？
9.查一些特定的请求，过滤器用过吗？
10.在 Elements 面板调整 dom 结构很不方便？
11.不想加载某个文件了？
完
❤️爱心二连击
1.看到这里了就点个在看支持下吧，你的「点赞」是我创作的动力。
2.特殊阶段，带好口罩，做好个人防护。
推荐Chrome 实践相关文章
Chrome DevTools 你还只会console.log，就OUT了
前端性能优化之利用 Chrome Dev Tools 进行页面性能分析
手把手教你提高你生产力的隐藏7个Chrome DevTools功能
【新消息】Chrome 81 正式发布 ！消灭混合内容最后一步
提升Chrome使用效率的 30个快捷键、16个扩展插件与11个前端调试
作者：程序员成长指北
转发链接：https://mp.weixin.qq.com/s/v4lrOk1tSHksxTLZjeYLJg
分享到:
