自訂開發人員工具

Kayce Basques

Jecelyn Yeen

Sofia Emelianova

本頁列出自訂 Chrome 開發人員工具的方法。

設定

「Settings」 >「Preferences」內含許多自訂開發人員工具的選項。

請參閱「開啟設定」和「偏好設定」。

深色主題

你可以在「設定」或「指令選單」中啟用深色主題。

1. 開啟指令選單。

2. 開始輸入 dark，選取「Switch toDark theme」指令，然後按下 Enter 鍵執行指令。

   

3. 或者，您也可以設定 「設定」 >「偏好設定」 >「外觀」 >「主題」。

動態主題

開發人員工具可以自動配合 Chrome 的顏色主題。

如何設定主題：

1. 開啟新分頁，然後按一下右下角的「編輯」「自訂 Chrome」。
2. 在「外觀」中，透過「桌布」選擇主題或選取調色盤。

導覽匣

導覽匣包含許多隱藏功能。

按下 Escape 鍵即可開啟或關閉導覽匣。

按一下 「More Tools」，開啟其他「Drawer」分頁。

變更開發人員工具的位置

根據預設，開發人員工具會固定在可視區域右側。或者，您也可以將工具固定在底部或左側，或是將開發人員工具從另一個視窗中復原。

變更開發人員工具的位置有兩種：

• 主選單：開啟 「自訂與控制開發人員工具」，然後按一下：
  • 卸除至獨立視窗
  • 向左放置
  • 固定到底部
  • 轉到右側

• 指令選單：

  1. 開啟指令選單。
  2. 開始輸入 dock，然後選取其中一個建議選項：固定到底部、左側、右側、取消固定，或還原上一個固定位置。

如要使用鍵盤快速鍵切換還原上次固定位置的位置，請按下：

• Linux 或 Windows：Control + Shift + D 鍵
• MacOS：Command + Shift + D 鍵

重新排序面板、分頁和窗格

如要變更排序，請點選下列任一項並向左或向右拖曳：

• 開發人員工具頂端的面板。
• 「Elements」面板中的窗格，例如「Styles」、「Computed」、「Layout」等。
• 「來源」面板中的窗格，例如「頁面」、「工作區」、「覆寫」等。
• 分頁。

此外，你也可以上下移動面板和分頁來來回移動導覽匣。在面板或分頁上按一下滑鼠右鍵，然後從下拉式選單中選取「移至頂端」或「移至底部」。

您的自訂分頁順序在開發人員工具工作階段中仍會保留。

面板版面配置

根據預設，開發人員工具會根據視窗大小自動重新排列面板版面配置。您可以停用自動重新排列功能。前往「設定」，然後根據你的偏好設定更新面板版面配置。

舉例來說，當螢幕尺寸較小時，「Elements」面板中的「Styles」窗格會從側邊移至底部。如果您希望樣式窗格一律顯示在側邊，請將「面板版面配置」變更為「垂直」。

變更開發人員工具使用者介面語言

請依序前往 「設定」 >「偏好設定」 >「外觀」 >「語言」。

同步處理設定

此外，你可以將開發人員工具設定同步到多部裝置。

如要啟用同步功能，請先開啟 Chrome 同步。開發人員工具設定啟用後，系統預設會同步處理你的開發人員工具設定。

您可以依序前往 「設定」 >「同步處理」 >「啟用設定同步功能」核取方塊，單獨啟用或停用開發人員工具設定同步功能。

開發人員工具會同步處理大部分的設定，但「工作區」、「實驗」和「裝置」分頁及其他一些一般設定除外。「啟用設定同步功能」核取方塊的狀態也會同步到所有裝置。

舉例來說，下列「外觀」設定會同步處理，因此您在所有裝置上都能享有一致的體驗，因此不需要再次重新定義相同的設定。

不過，系統在偵錯不同網站時，開發人員會有不同的座架偏好設定，因此系統不會同步處理「dock」設定。

自訂鍵盤快速鍵

詳情請參閱「設定」>「捷徑」。

啟用實驗

請依序前往「設定」>「實驗」。