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

相關搜索：Chrome