使用Chrome开发工具需要耐心和练习。但是，如果您有一个可靠的方向和有用的资源，您可以减少在日常工作流程中实现DevTools所需的时间。

佛山web制作这篇文章提供了你开始学习和应用DevTools到你的网络项目所需要的一切。除非另有说明，本指南中的所有资源都是免费的。新的资源经常出现在网上，所以一定要保持警惕。

开始使用DevTools

如果你还不熟悉，铬手套是一组工具，打包成一个控制台，并随GoogleChrome的所有版本一起提供。此控制台可用于调试和检查网站和HTTP资源的状态。

DevTools可用于多种原因，其中最有价值的是Web开发人员。它的工作原理非常类似于火虫扩展对于火狐，它在2000年代中期非常流行。

不在场或根本不使用Firebug的开发人员可能不理解DevTools的目的。它主要用于前端开发，比如调试JavaScript或检查HTTP请求时间。

但可以推断调试NodeJS或者在浏览器中测试CSS属性。

有很多你可以做的DevTools，但你将无法做任何事情，除非你知道什么是可能的。这就是本文的目标：为入门提供资源，希望能够掌握Google的开发工具。

免费视频指南

最好的起点是在线视频指南。有这么多伟大的视频，但很难区分小麦和糠。

我的第一个建议是这是谷歌的指南在5分钟内为DevTools报道12招。这是一个官方的谷歌视频，所以制作质量是正确的。然而，它是在2011年发表的，因此其中一些建议可能是略显或过时的。

另一个免费视频是晚上Chrome开发工具由一些开发人员从盖恩斯维尔前端开发会议记录。这个1.5小时的视频解释了ChromeDevTools的所有基础知识以及一些先进的概念。

对于一个免费的视频，这提供了一些最好的内容，你将得到。

如果你是一个更高级的开发人员，你会很高兴知道我也有一些视频给你。

首先是另一个谷歌批准的视频上传给google开发者。YouTube频道.

这段30分钟的视频标题是Chrome DevTools能做到吗？强调你从来没有想过的事情是可能的。大多数开发人员对他们的时间都是务实的，只在任何特定的时刻学习他们需要或想要的东西。

对于开发人员来说，学习最基本的基本知识并继续前进是很容易的。谢天谢地，谷歌使它非常容易跟随这段视频，并获得更先进的技能在一瞬间。

最后，我想介绍一下保罗·爱尔兰在2014年速度会议上的精彩演讲。

这是另一个30分钟视频专注于Chrome DevTools中的高级性能工具。保罗爱尔兰是一个著名的人物在网络开发和这个讲座提供了很多比你可能预期的。

如果你有时间看这些视频，我保证它们会被证明是非常有用的。免费内容是最好的学习方式，ChromeDevTools已经免费提供任何谷歌Chrome的拷贝。

一些开发人员也可能更喜欢撰写文章，因此这里有一些指南/教程值得阅读：

· 

15个必须知道的Chrome DevTools提示和技巧

· 

· 

Chrome开发工具简介(多部分)

· 

· 

开始使用Chrome开发工具

· 

· 

Chrome开发工具：标记和样式

· 

· 

Chrome开发工具：高级特性的最佳资源

· 

在线课程

所有这些课程都是高级课程这意味着他们要花钱。这些视频也比youtube视频要深入得多。

但是如果你真的很难理解ChromeDevTools的话，这些课程可能是你要走的路。每门课程都提供了你将要学到的东西的大纲，有些甚至有预览视频。

代码学校

代号学校课程发现DevTools是个物美价廉的产品。它提供一些额外的选择，但可以免费查看代码学校帐户。

还有一个着陆页这门课是由谷歌赞助的。您将看到从DOM样式到打开浏览器选项卡的内存分析的七个章节。

人们使用ChromeDev工具有不同的原因，这个发现过程概述了所有这些。另外，它是由谷歌赞助的，所以你知道它的内容是可信的。

TutsPlus课程

Envato的TutsPlus高端市场提供拥有DevTools课程由熟练的Envato课程指导员授课。这些视频涵盖了许多流行的方面，从配置文件，网络数据，仿真和响应设计。

课程的总长度是90分钟的视频，可以很容易地完成一天。这对于对DevTools稍微深入一点的方法来说是很棒的。

普卢拉

Pluralsight提供数百门技术课程，它也是代码学校的母公司。Pluralsight教师被认为是一个很高的标准，你可以在他们的Chrome开发工具课程.

整个课程总计3小时，深入检查DevTools控制台中的每个选项卡。它还包括练习文件和讨论领域的问题和评论。

最佳免费Devols附加组件

Chrome的冗长的附加库已经被证明对全世界数百万人有用。毫不奇怪，有许多伟大的DevTools附加功能，你可以添加到Chrome的巨大价格完全免费。

木偶检查员

蛇头

狼吞虎咽

DevTools终端

Reaction开发工具

前进

请记住，佛山网络开发是一个不断变化的行业，具有迷人的景观。为了保持领先，你需要不断地练习，并真正热爱你所做的事情。

愿意尝试新事物。在现有网站上尝试使用DevTools，或者尝试将扩展添加到您的工作流中。这不是一个主要的开发工具，但它可以是一个辅助工具，以改善您的代码质量和工作流。