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