Chrome开发者工具：学习高级功能的最佳资源？ [英] Chrome Developer Tools: Best resource for learning advanced features?
问题描述
我随意使用Chrome开发者工具来调试AJAX& JavaScript的。大多数情况下，这意味着控制台检查元素/变量/方法状态，偶尔网络选项卡调试通过ajax提供的问题，如果我不能找到JS错误，很偶然会在调试器中断点。
I casually use Chrome developer tools for debugging AJAX & JavaScript. Mostly that means the console to check on element/variable/method state, occasionally 'network' tab to debug issues fed through ajax, very occasionally break points in debugger if I can't hunt down a JS bug.
但是，只要专门的前端开发人员（我的后端）在我面前使用相同的工具，他们就会使用这些漂亮的&抽象的小功能总是让我觉得该死的，为什么我不知道这个？
But any time a dedicated front-end developer (I'm back end) uses the same tools in front of me, they use these nifty & abstract little features that always leave me thinking "damn, why didn't I know about that"?
...所以，问题是：对资源的任何建议提供彻底的&更高级的谷歌chrome devtools解释？
...So, the question is: Any suggestions for resources that provide a thorough & more advanced explanation of google chrome devtools?
推荐答案
Addy Osmani在chrome dev工具上做了很好的系列，你可以在这里找到一些。我想如果你读它（并观看视频），我发现它们非常有用，如果你阅读它们，你就会被覆盖。我添加了一些额外的有用资源。
Addy Osmani did an excellent series on the chrome dev tools, you can find some of it here. I think that if you read it (and watch the videos), I've found them very useful, if you read them, you're pretty much covered. I included some additional useful resources.
Addy Osmani教程和视频：
- 简单的内存分析使用chrome dev工具
- 可视化重新设计css以加快绘制时间
- 断点 - Chrome开发工具（Youtube视频）
- Breakpoint Ep2 （Youtube视频与Paul Irish合作）
- Breakpoint Ep3 （Youtube视频，源地图）
- TutsPlus的Chrome devtools课程（需要订阅）
- Easy memory profiling using the chrome dev tools
- Visually re-engineering css for faster paint times
- The Breakpoint - Chrome dev tools (Youtube video)
- The Breakpoint Ep2 (Youtube video with Paul Irish)
- The Breakpoint Ep3 (Youtube video, source maps)
- Chrome devtools course by TutsPlus (subscription required)
官方：
- Developer tools official guide by Google
- Google video tutorials on the developer tools by Google
- Profiling JavaScript by Google
其他：
- Nettuts系列，相当基本但很好用。
- 重新介绍Paul Irish的开发工具
- Smashing Magazine也做了一篇关于性能分析的文章，但与Addy Osmani相比，这是相当基础的。
- Nettuts series , fairly basic but nicely put.
- A re-introduction to the dev tools by Paul Irish
- Smashing Magazine also did an article on profiling, but it's fairly basic compared to the Addy Osmani stuff.
这篇关于Chrome开发者工具：学习高级功能的最佳资源？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
