Chrome Devtools
Chrome Devtools安装教程
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 使用方法就是覆盖原文件）
