指令選單可讓您快速瀏覽 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)。
- 依序點選
「自訂及控管開發人員工具」和「開啟檔案」。
開啟忽略清單中的檔案
根據預設,DevTools 會隱藏已知第三方的檔案。如要在選單中開啟這類檔案,請在「來源」面板中停用「隱藏已忽略的來源」選項。
擷取指定區域的螢幕截圖
指令選單可讓你擷取網站的指定區域螢幕截圖,就像使用截圖工具一樣。
如要擷取區域螢幕截圖,請按照下列步驟操作:
- 開啟指令選單。
- 輸入「螢幕截圖」。
- 選取「擷取指定區域的螢幕截圖」。
- 拖曳選取頁面上的任一位置,即可擷取該區域。
如要瞭解使用開發人員工具拍攝螢幕截圖的其他方式,請參閱「使用開發人員工具拍攝螢幕截圖的 4 種方法」。
查看其他可用的動作
如要查看「指令選單」中的其他動作,請刪除 >
字元,然後輸入 ?
。