Javascript Chrome开发者工具：学习高级功能的最佳资源？

我随意使用Chrome开发工具调试AJAX和JavaScript。大多数情况下，这意味着控制台可以检查元素/变量/方法状态，偶尔“网络”选项卡可以调试通过ajax反馈的问题，如果我找不到JS错误，偶尔也会在调试器中中断点

但是，任何时候一个专门的前端开发人员（我是后端）在我面前使用相同的工具，他们使用这些漂亮而抽象的小功能，总是让我想“该死，为什么我不知道呢？”

---

…所以，问题是：有没有关于资源的建议，可以提供对谷歌chrome开发工具更全面、更高级的解释？

Addy Osmani在chrome开发工具方面做了一系列出色的工作。我想如果你读了（并观看了视频），我会发现它们非常有用，如果你读了，你会发现它们非常有用。我包括了一些额外的有用资源

Addy Osmani教程和视频：

• （Youtube视频）
• （保罗·爱尔兰的Youtube视频）
• （Youtube视频、源地图）
• （需认购）

官方：

• 由谷歌
• 由谷歌
• 由谷歌

其他：

• ，相当基本，但放得很好
• 保罗·爱尔兰
• ，但与Addy Osmani的东西相比，它是相当基本的

---

这里是代码学校的另一个基础课程，包括每节课后的一些练习任务：

我发现这个谷歌Chrome开发工具的备忘非常有用：。此外，互动课程还教您如何掌握Chrome开发工具

那是个好主意！我完全忘记了，它进入了绝对基础：）这里似乎有另一个：，介绍视频是由保罗·爱尔兰介绍的，尽管教授是格雷格·波拉克。虽然章节名称不同，但我猜是同一个过程。。。