Chrome Devtools是谷歌瀏覽器自帶的一個web編寫和調(diào)試工具，但是礙于英文導(dǎo)致許多開發(fā)者在調(diào)試過程中難免出現(xiàn)一些問題，Chrome Devtools提供給web開發(fā)人員深入地訪問瀏覽器內(nèi)部和web應(yīng)用的機(jī)會，可以有效地跟蹤布局問題，設(shè)置JavaScript斷點 ,以及進(jìn)行javascript代碼的優(yōu)化。

Chrome Devtools使用方法

打開DevTools要在一個網(wǎng)頁或者web application中打開DevTools，可以用下面兩種方法：

1、選擇Chrome瀏覽器窗口右上角的菜單 > 然后選擇> 工具 > 開發(fā)工具。

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并將焦點移到檢查元素移模式,或者控制檢查元素模式開關(guān)如果DevTools已經(jīng)打開了。

（注意：chrome版本要對應(yīng) - chrome正式版 61.0.3163.100 使用方法就是覆蓋原文件）