開發人員工具提示：各種開啟開發人員工具的方法

Sofia Emelianova
Sofia Emelianova
GitHub

Chrome 開發人員工具有多種開啟方式。選擇您最愛的應用程式。

按一下滑鼠右鍵，然後點選「檢查」

在網頁上任何元素上按一下滑鼠右鍵，然後選取「檢查」。

下拉式選單中的「檢查」選項。

「更多工具」選單

依序選取 三點圖示選單。 >「更多工具」 >「開發人員工具」。

「更多工具」選單。

捷徑

如果您是鍵盤使用者，請參考以下快速鍵一覽表：

OS 元素 控制台 上一個面板
Windows 或 Linux Ctrl + Shift + C 鍵 Ctrl + Shift + J 鍵 F12
Ctrl + Shift + I 鍵
Mac Cmd + Option + C 鍵 Cmd + Option + J 鍵 Fn + F12 鍵
Cmd + Option + I 鍵

輕鬆記住快速鍵：

  • C 代表 CSS。
  • JavaScript 適用的 J。
  • I 則指定您的選擇。

在每個新分頁自動開啟開發人員工具

如要瞭解如何在 Windows、Linux 或 MacOS 中自動開啟 Chrome 開發人員工具，請參閱「在每個新分頁自動開啟開發人員工具」。

瞭解詳情