我随意使用Chrome开发人员工具来调试AJAX和JavaScript . 大多数情况下，这意味着控制台检查元素/变量/方法状态，偶尔“网络”选项卡调试通过ajax提供的问题，如果我不能找到JS错误，偶尔会在调试器中断点 .
但是任何时候专门的前端开发人员（我的后端）都会在我面前使用相同的工具，他们会使用这些漂亮而抽象的小功能，这些功能总是让我觉得“该死的，为什么我不知道这个” ？
...所以，问题是：对资源的任何建议，提供谷歌铬devtools的彻底和更高级的解释？
这是Code School的另一个基本课程，包括每节课练习后的一些任务：http://discover-devtools.codeschool.com/
我发现这个谷歌Chrome Devtools备忘单非常有用：http://anti-code.com/devtools-cheatsheet/ . 此外，this互动课程教您如何掌握Chrome DevTools .
Addy Osmani在chrome dev工具上做了很好的系列，you can find some of it here . 我认为，如果你阅读它（并观看视频），我就会被覆盖 . 我包括了一些额外的有用资源 .
Addy Osmani Tutorials and videos:
Easy memory profiling using the chrome dev tools
Visually re-engineering css for faster paint times
The Breakpoint - Chrome dev tools（Youtube视频）
The Breakpoint Ep2（与保罗爱尔兰人合作的Youtube视频）
The Breakpoint Ep3（Youtube视频，源 Map ）
Chrome devtools course by TutsPlus（需订阅）
Official ：
Developer tools official guide由Google提供
Google video tutorials on the developer tools由Google提供
Profiling JavaScript由Google提供
Other:
Nettuts series，相当基本但很好 .保罗爱尔兰
A re-introduction to the dev tools
Smashing Magazine also did an article on profiling，但与Addy Osmani相比，它相当基本 .
3 回答
这是Code School的另一个基本课程，包括每节课练习后的一些任务：http://discover-devtools.codeschool.com/
我发现这个谷歌Chrome Devtools备忘单非常有用：http://anti-code.com/devtools-cheatsheet/ . 此外，this互动课程教您如何掌握Chrome DevTools .
Addy Osmani在chrome dev工具上做了很好的系列，you can find some of it here . 我认为，如果你阅读它（并观看视频），我就会被覆盖 . 我包括了一些额外的有用资源 .
Addy Osmani Tutorials and videos:
Easy memory profiling using the chrome dev tools
Visually re-engineering css for faster paint times
The Breakpoint - Chrome dev tools（Youtube视频）
The Breakpoint Ep2（与保罗爱尔兰人合作的Youtube视频）
The Breakpoint Ep3（Youtube视频，源 Map ）
Chrome devtools course by TutsPlus（需订阅）
Official ：
Developer tools official guide由Google提供
Google video tutorials on the developer tools由Google提供
Profiling JavaScript由Google提供
Other:
Nettuts series，相当基本但很好 .
保罗爱尔兰
A re-introduction to the dev tools
Smashing Magazine also did an article on profiling，但与Addy Osmani相比，它相当基本 .