你不知道的 Chrome 调试技巧--掘金小册课程推荐/优惠

免费阅读

如果你不想购买，小册支持在线免费阅读，因为小册的本意是为了帮助更多的人了解 Chrome Devtools，免费阅读：仓库地址，欢迎 star 支持。

小册介绍

这是一本关于使用 Chrome 调试工具的技巧的介绍，由 Tomek 发布在 Medium上的 “Advent calendar for front-end developers” 系列为基础，翻译后，重新整合分类，改编而来。 从不同的情景来说明应该如何搭配使用 Chrome DevTools 中的小技巧，有些时候一个技巧可以节省我们很多的时间，也会让调试的过程变得更加简单直接。

作者介绍

Tomek Sułkowski, 来自波兰的小哥 Twitter , Angular Tricity 联合创始人/ Angular 专家 , 在 Medium专栏 发布多篇文章, Medium frontend.coach 专栏作者，拥有 15k 关注，擅长 Typescript等前端技术。

译者介绍

Dendoink, 玩过1年 Java , 3 年前端, 掘金专栏作者，联合编辑。

授权记录

你会学到什么？

• 不常用但是却高效的调试技巧。
• 常用的调试方法的高端玩法。
• 对 Chrome DevTools 各个部分功能的深入理解。

适宜人群

• 没有使用过 Chrome DevTools 但是感兴趣的小伙伴。
• 有使用过 Chrome 进行调试，但是想更加深入理解的小伙伴。

• 写在前面

• 通用篇 - 快捷键和通用技巧

• 通用篇 - 使用 Command

• 通用篇 - copying & saving

• console 篇 - console 中的 '$'

• 通用篇 - 代码块的使用

• console 篇 - console 的 "bug" ?

• console 篇 - 异步的 console

• console 篇 - Ninja console.log （忍者打印）

• console 篇 - 自定义格式转换器

• console 篇 - 对象 & 方法

• Network 篇 - Network 的骚操作

• console 篇 - console 中骚操作

• 元素面板篇 - 技巧集合

• 元素面板篇 - 颜色选择器

• Drawer 篇 - Drawer 常识

• 结束语

• Workspace 篇 - workspace 技巧