chrome是一款對開發者來說非常友好的瀏覽器，它不僅能好好支持CSS，同時還為開發者提供了強大的javascript代碼調試工具。下面就是關於chrome調試工具的使用方法。
工具/原料
chrome瀏覽器
方法/步驟
在瀏覽器窗口，按F12鍵即可打開如下圖的調試窗口。
調試窗口的上方是一行tab，上面每個選項都有各自不同的功能。
上圖中搜索圖標（第一個圈）是定位頁面元素的。第二個手機圖標是適配移動設備的。
第一個選項Elements是用來定位頁面元素的html原代碼，在左下方可以使用Ctrl+F搜索元素或是字符串，來定位元素。
第二個選項Network，是用來跟蹤頁面請求的，從這裡可以看到頁面發出的所有的請求信息，包括地址、用時、返回值等。第三個選項是Source，這裡可以看到當前頁面的原代碼，包括Javascript和CSS等。後面的4個選項，用的很少，一般在開發中不使用。
最後一個選項Console，是用來輸出一些調試信息。在下圖中，可以看到在Console中會打印出當前頁面中出現的錯誤，也可以在Console中打印頁面中參數，還可以在Console中定義方法，並執行方法。Console是開發者使用最多的調試工具。
在調試工具的右上角有一些選項，通常會使用到設置和切換卡這兩個選項。打開設置，可以對調試工具進行設置，在不是必須得情況下，不用做任何修改。點擊切換卡，調試工具會在新打開的窗口中顯示。
