在指令選單中執行指令

Kayce Basques

Sofia Emelianova

指令選單可讓您快速瀏覽 Chrome 開發人員工具 UI，並完成常見工作，例如停用 JavaScript。您可能熟悉 Visual Studio Code 中的類似功能，稱為「指令面板」，這也是指令選單的最初靈感來源。

開啟指令選單

如要開啟指令選單：

• 按下 Control + Shift + P 鍵 (Windows / Linux) 或 Command + Shift + P 鍵 (Mac)。
• 按一下 「自訂及控管開發人員工具」，然後選取「執行指令」。

開啟檔案。

如果您使用開啟指令選單中所述的工作流程，指令選單會開啟，並在文字方塊中加上 Run > 前置字元。

如要改為開啟檔案，請刪除 > 字元，然後開始輸入檔案名稱。

Run 會將變更內容前置至 Open，而開發人員工具會改為搜尋相關檔案。

或者，您也可以透過下列任一方式直接前往「開啟檔案」選單：

• 按下 Control + P 鍵 (Windows / Linux) 或 Command + P 鍵 (Mac)。
• 依序點選 「自訂及控管開發人員工具」和「開啟檔案」。

開啟忽略清單中的檔案

注意：這是 Chrome 106 以上版本的 預覽功能。

根據預設，DevTools 會隱藏已知第三方的檔案。如要在選單中開啟這類檔案，請在「來源」面板中停用「隱藏已忽略的來源」選項。

擷取指定區域的螢幕截圖

指令選單可讓你擷取網站的指定區域螢幕截圖，就像使用截圖工具一樣。

注意： 如果 DevTools 已從視窗中解除固定，區域擷取功能就無法運作。

如要擷取區域螢幕截圖，請按照下列步驟操作：

1. 開啟指令選單。
2. 輸入「螢幕截圖」。
3. 選取「擷取指定區域的螢幕截圖」。
4. 拖曳選取頁面上的任一位置，即可擷取該區域。

如要瞭解使用開發人員工具拍攝螢幕截圖的其他方式，請參閱「使用開發人員工具拍攝螢幕截圖的 4 種方法」。

查看其他可用的動作

如要查看「指令選單」中的其他動作，請刪除 > 字元，然後輸入 ?。