Chrome Devtools

Chrome开发工具(又称DevTools)，是一套内嵌在chrome浏览器内部的web编写和调试工具。DevTools提供给web开发人员深入地访问浏览器内部和web应用的机会。DevTools可以有效地 跟踪布局问题 ，设置JavaScript断点 ，以及 进行javascript代码的优化 。

DevTools以任务的种类被组织到窗口顶部的工具栏里。每个工具栏项和相应的面板都有一个特定类型的页面或应用程序信息，包括 Elements ，Source 和 Resources 等。

使用方法

打开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 使用方法就是覆盖原文件）