Chrome Devtools是谷歌浏览器自带的一个web编写和调试工具，但是碍于英文导致许多开发者在调试过程中难免出现一些问题，Chrome Devtools提供给web开发人员深入地访问浏览器内部和web应用的机会，可以有效地跟踪布局问题，设置JavaScript断点 ,以及进行javascript代码的优化。

Chrome Devtools使用方法

打开DevTools要在一个网页或者web application中打开DevTools，可以用下面两种方法：

1、选择Chrome浏览器窗口右上角的菜单 > 然后选择> 工具 > 开发工具。

2、右键单击任何页面元素>选择 审查元素。

DevTools工具将会在你的浏览器的地步打开。还有几种打开Devtools的快捷方式：

1.使用 Ctrl + Shift + I (Cmd + Opt + I on Mac)打开DevTools。

2.使用 Ctrl + Shift + J (Cmd + Opt + J on Mac)打开DevTools并将焦点移到控制台。

3.使用 Ctrl + Shift + C (Cmd + Shift + C on Mac)打开DevTools并将焦点移到检查元素移模式,或者控制检查元素模式开关如果DevTools已经打开了。

（注意：chrome版本要对应 - chrome正式版 61.0.3163.100 使用方法就是覆盖原文件）