鍵盤快速鍵

Kayce Basques

Sofia Emelianova

本頁面提供 Chrome 開發人員工具的鍵盤快速鍵參考資料。

你也可以在工具提示中找到快速鍵。將滑鼠游標懸停在 DevTools 的 UI 元素上，即可顯示工具提示。如果元素有捷徑，工具提示會納入該捷徑。

開啟開發人員工具的鍵盤快速鍵

如要開啟開發人員工具，請在游標聚焦於瀏覽器檢視區時，按下下列鍵盤快速鍵：

動作	Mac	Windows / Linux
開啟上次使用的面板	Command+Option+I	F12 鍵或 Control + Shift + I 鍵
開啟「控制台」面板	Command+Option+J	Control + Shift + J 鍵
開啟「元素」面板	Command + Shift + C 鍵或 Command + Option + C 鍵	Control+Shift+C

全域鍵盤快速鍵

以下鍵盤快速鍵可用於大多數 (但非全部) 開發人員工具面板。

動作	Mac	Windows / Linux
顯示「設定」	? 或 Function + F1	? 或 F1
將焦點移至下一個面板	Command+] 鍵	Control + ] 鍵
將焦點移至上一個面板	Command + [ 鍵	Control + [ 鍵
切換回上次使用的停駐位置。如果開發人員工具在整個工作階段都位於預設位置，則這個快捷鍵會將開發人員工具卸除至個別視窗	Command + Shift + D 鍵	Control + Shift + D 鍵
切換「裝置模式」	Command + Shift + M 鍵	Control + Shift + M 鍵
切換「檢查元素模式」	Command+Shift+C	Control+Shift+C
開啟指令選單	Command+Shift+P	Control + Shift + P 鍵
切換Drawer	Escape	Escape
正常重新載入	Command+R	F5 鍵或 Control + R 鍵
強制重新載入	Command+Shift+R	Control + F5 或 Control + Shift + R
在目前的面板中搜尋文字。僅支援「元素」、「控制台」、「來源」、「效能」、「記憶體」、「JavaScript 分析工具」和「快速來源」面板。	Command + F 鍵	Control + F 鍵
開啟導覽匣中的「Search」分頁，可在所有載入的資源中搜尋文字	Command + Option + F 鍵	Control + Shift + F 鍵
在「來源」面板中開啟檔案	Command + O 或 Command + P	Control + O 或 Control + P
放大	Command+Shift++	Control+Shift++
縮小	Command+-	Control+-
還原預設縮放比例	Command + 0 鍵	Control + 0 鍵
執行程式碼片段	按下 Command + O 鍵開啟指令選單，輸入 ! 接著輸入指令碼名稱，然後按下 Enter 鍵	按下 Control + O 鍵開啟指令選單，輸入 !接著輸入指令碼名稱，然後按下 Enter 鍵

「元素」面板鍵盤快速鍵

動作	Mac	Windows / Linux
復原變更	Command + Z 鍵	Control + Z 鍵
重做變更	Command+Shift+Z	Control + Y 鍵
選取目前所選元素上方 / 下方的元素	向上鍵 / 向下鍵	向上鍵 / 向下鍵
展開目前選取的節點。如果節點已展開，這個捷徑會選取其下方的元素	向右鍵	向右鍵
收合目前選取的節點。如果節點已收合，這個快捷鍵會選取其上方的元素	向左鍵	向左鍵
展開或收合目前選取的節點及其所有子項	按住 Option，然後按一下元素名稱旁的箭頭圖示	按住 Control + Alt，然後按一下元素名稱旁的箭頭圖示
在目前選取的元素上切換「Edit Attributes」模式	Enter	Enter
進入「Edit Attributes」模式後，選取下一個 / 上一個屬性	Tab / Shift + Tab 鍵	Tab / Shift + Tab 鍵
隱藏目前選取的元素	H	H
在目前選取的元素上切換「以 HTML 編輯」模式	功能+F2	F2

樣式窗格鍵盤快速鍵

動作	Mac	Windows / Linux
前往宣告屬性值的程式碼行	按住 Command，然後點選屬性值	按住 Control 鍵，然後點選屬性值
循環顯示顏色值的 RGBA、HSLA 和十六進位表示法	按住 Shift 鍵，然後點選值旁的「Color Preview」方塊	按住 Shift 鍵，然後點選值旁的「Color Preview」方塊
選取下一個 / 上一個屬性或值	按一下屬性名稱或值，然後按下 Tab 鍵 / Shift 鍵 + Tab 鍵	按一下屬性名稱或值，然後按下 Tab 鍵 / Shift 鍵 + Tab 鍵
將屬性值增加 / 減少 0.1	按一下值，然後按下 Option + 向上鍵 / Option + 向下鍵	按一下值，然後按下 Alt + 向上鍵 / Alt + 向下鍵
將屬性值增加 / 減少 1	按一下所需值，然後按向上箭頭 / 向下箭頭	按一下所需值，然後按向上箭頭 / 向下箭頭
將資源值增加 / 減少 10	按一下值，然後按下 Shift + 向上鍵 / Shift + 向下鍵	按一下值，然後按下 Shift + 向上鍵 / Shift + 向下鍵
將資源值增加 / 減少 100	按一下值，然後按下 Command + 向上鍵 / Command + 向下鍵	按一下值，然後按下 Control + 向上鍵 / Control + 向下鍵
循環顯示角度值的度數 (deg)、格式 (grad)、弧度 (rad) 和轉數 (turn) 表示法	按住 Shift 鍵，然後點選值旁的「角度預覽」方塊	按住 Shift 鍵，然後點選值旁的「角度預覽」方塊
將角度值增加 / 減少 1	按一下值旁的「角度預覽」方塊，然後按一下「向上箭頭」/「向下箭頭」	按一下值旁的「角度預覽」方塊，然後按一下「向上箭頭」/「向下箭頭」
將角度值增加 / 減少 10	按一下值旁的「角度預覽」方塊，然後按下 Shift + 向上鍵 / Shift + 向下鍵	按一下值旁的「角度預覽」方塊，然後按下 Shift + 向上鍵 / Shift + 向下鍵
將角度值增加 / 減少 15	按一下值旁的「角度預覽」方塊，然後按下 Shift 鍵，在「角度時鐘疊加層」上點選 / 滑鼠滑動	按一下值旁的「角度預覽」方塊，然後按下 Shift 鍵，在「角度時鐘疊加層」上點選 / 滑鼠滑動

「來源」面板鍵盤快速鍵

動作	Mac	Windows / Linux
暫停指令碼執行作業 (如果目前正在執行) 或繼續執行 (如果目前處於暫停狀態)	F8 鍵或 Command + \ 鍵	F8 鍵或 Control + \ 鍵
不進入下一個函式呼叫	F10 鍵或 Command 鍵 + ' 鍵	F10 鍵或 Control + ' 鍵
進入下一個函式呼叫	F11 鍵或 Command + ; 鍵	F11 或 Control + ; 鍵
跳出目前的函式	Shift + F11 鍵或 Command + Shift + ; 鍵	Shift + F11 鍵或 Control + Shift + ; 鍵
在暫停時繼續執行特定程式碼行	按住 Command，然後點選程式碼行	按住「Control」，然後點選程式碼行
選取目前所選影格上 / 下的呼叫影格	Control+. / Control+,	Control+. / Control+,
儲存對本機修改的變更	Command + S 鍵	Control + S 鍵
儲存所有變更	Command+Option+S	Control+Alt+S
前往指定的行	Control + G 鍵	Control + G 鍵
跳至目前開啟檔案的某一行	按下 Command + O 鍵開啟指令選單，輸入 : 後接行號，然後按下 Enter 鍵	按下 Control + O 鍵開啟指令選單，輸入 : 後接上行號，然後按下 Enter 鍵
跳至目前開啟檔案的某一欄 (例如第 5 行、第 9 欄)	按下 Command + O 鍵開啟指令選單，輸入 :、行號、另一個 :、欄號，然後按下 Enter 鍵	按下 Control + O 鍵開啟指令選單，輸入 :、行號、另一個 :、欄號，然後按下 Enter 鍵
前往函式宣告 (如果目前開啟的檔案是 HTML 或指令碼) 或規則集 (如果目前開啟的檔案是樣式表)	按下 Command + Shift + O 鍵，然後輸入宣告 / 規則集的名稱，或從選項清單中選取	按下 Control + Shift + O 鍵，然後輸入宣告 / 規則集的名稱，或從選項清單中選取
關閉使用中的分頁	Option+W	Alt+W
開啟下一個或上一個分頁	功能鍵+Command 鍵+向上鍵或向下鍵	Control + Page Up 或 Page Down
切換左側的「Navigation」側欄	Command+Shift+Y	Control+Shift+Y
切換右側的「Debugger」側欄	Command + Shift + H 鍵	Control + Shift + H 鍵

Code Editor 鍵盤快速鍵

動作	Mac	Windows / Linux
刪除最後一個字詞中的所有字元，直到游標為止	Option+Delete	Control+Delete
新增或移除程式碼行中斷點	將游標放在該行上，然後按下 Command + B 鍵	將游標移至該行，然後按下 Control + B 鍵
開啟中斷點編輯對話方塊，編輯條件式中斷點或記錄點	將游標放在該行上，然後按下 Command + Alt + B 鍵	將游標放在該行上，然後按下 Control + Alt + B 鍵
開啟「Conditional Breakpoints」對話方塊	Command + 按一下行號	按住 Control 鍵，然後點選行號
開啟「logpoint」對話方塊	按住 Command 鍵，然後按住 Shift 鍵，然後點選行號	按住 Control 鍵 + Shift 鍵，然後點選某一行編號
前往配對的括號	Control + M 鍵	Control + M 鍵
切換單行註解。如果選取多行，DevTools 會在每行的開頭加上註解	Command + / 鍵	Control + / 鍵
選取 / 取消選取游標所在字詞的下一個出現位置。同時醒目顯示每個項目	Command+D / Command+U 鍵	Control+D / Control+U

「Network」面板鍵盤快速鍵

動作	Mac	Windows / Linux
搜尋標頭、酬載和回應	Command + F 鍵	Control + F 鍵
開始 / 停止錄製	Command + E 鍵	Control + E 鍵
記錄重新載入	Command+R	Control + R 鍵
重播所選 XHR 要求	R 鍵	R 鍵
隱藏所選要求的詳細資料	Escape	Escape

「效能」面板鍵盤快速鍵

動作	Mac	Windows / Linux
開始 / 停止錄製	Command + E 鍵	Control + E 鍵
儲存錄製內容	Command + S 鍵	Control + S 鍵
載入錄音檔	Command + O 鍵	Control + O 鍵

「記憶體」面板鍵盤快速鍵

動作	Mac	Windows / Linux
開始 / 停止錄製	Command + E 鍵	Control + E 鍵

控制台面板鍵盤快速鍵

動作	Mac	Windows / Linux
接受自動完成建議	向右鍵或 Tab 鍵	向右鍵或 Tab 鍵
拒絕自動完成建議	Escape	Escape
在自動完成清單中向上或向下移動	向上 / 向下或Control + P / N	向上 / 向下或Control + P / N
取得先前的對帳單	向上鍵	向上鍵
取得下一個陳述式	向下鍵	向下鍵
將焦點放在「主控台」	Control+`	Control+`
清除「主控台」	Command + K 或 Option + L	Control + L 鍵
強制使用多行輸入。請注意，開發人員工具應預設偵測多行情況，因此現在通常不需要使用這個快捷鍵	Shift + Return 鍵	Shift + Enter 鍵
執行	Return 鍵	Enter
展開已記錄到控制台的物件所有子資源	按住 Alt 鍵，然後點選「展開」>	按住 Alt 鍵，然後點選「展開」>

搜尋分頁的鍵盤快速鍵

動作	Mac	Windows / Linux
展開/收合所有搜尋結果	Command + Option + { 或 }	Control + Shift + { 或 } 鍵

錄製器面板鍵盤快速鍵

動作	Mac	Windows / Linux
開始或停止錄製	Command + E 鍵	Control + E 鍵
重播錄音檔	Command + Enter 鍵	Control + Enter 鍵
複製錄製內容或所選步驟	Command+ C 鍵	Control+C
切換程式碼檢視模式	Command + B 鍵	Control + B 鍵

「Layers」面板鍵盤快速鍵

動作	Mac	Windows / Linux
沿著 X 軸和 Y 軸移動圖表	W (上)、A (左)、S (下)、D (右)	W (上)、A (左)、S (下)、D (右)
切換平移模式	X	X
切換旋轉模式	V	V
重設圖表的位置和旋轉角度	0	0
放大圖表	按住 Shift 鍵並按+鍵，或向上滾動滑鼠滾輪	按住 Shift 鍵並按+鍵，或向上滾動滑鼠滾輪
縮小圖表	按住 Shift 鍵並按-鍵，或向下滾動滑鼠滾輪	按住 Shift 鍵並按-鍵，或向下滾動滑鼠滾輪