# Chrome開發者工具

**快捷鍵：**
Ctrl+Shift+I (Windows)或F12

**選取元素，按右鍵->檢查：**
可直接查看該元素位置狀態

**Elements面板：**
HTML元素架構

**Styles面板：**
CSS樣式資訊

**元素選取工具：**
可即時看到元素資訊，檢查元素週邊的空間

**裝置工具列（device toolbar）：**
模擬其他裝置尺寸 *編輯手機版？

**Web Console**
主控臺（console）是開發人員專用的應用程式
可以：
1.觀察系統內部訊息
2.透過指令直接操作系統