鍵盤快速鍵

Kayce Basques
Kayce Basques
X GitHub
Sofia Emelianova
Sofia Emelianova
GitHub

本頁列出 Chrome 開發人員工具的鍵盤快速鍵。

你也可以在工具提示中找到快速鍵。將滑鼠游標懸停在開發人員工具的 UI 元素上，即可顯示工具提示。 如果元素有快速鍵，工具提示會一併顯示。

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

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

動作MacWindows / Linux
開啟上次使用的面板Command+Option+IF12 鍵或 Control + Shift + I 鍵
開啟「Console」面板Command+Option+JControl+Shift+J
開啟「元素」面板Command + Shift + C 鍵或 Command + Option + C 鍵Control+Shift+C

全域鍵盤快速鍵

下列鍵盤快速鍵適用於大多數 (甚至所有) 開發人員工具面板。

動作MacWindows / Linux
顯示「設定」? 鍵或 Function + F1 鍵? 或 F1
將焦點移至下一個面板Command+]Control+]
將焦點移至上一個面板Command+[Control + [ 鍵
切換回上次使用的停靠位置。如果開發人員工具在整個工作階段都處於預設位置，這個快速鍵會將開發人員工具取消固定，並移至獨立視窗Command + Shift + D 鍵Control+Shift+D
切換裝置模式Command+Shift+MControl + Shift + M 鍵
切換「檢查元素模式」Command+Shift+CControl+Shift+C
開啟指令選單Command + Shift + P 鍵Control+Shift+P
切換「導覽匣」EscapeEscape
一般重新載入Command+RF5 鍵或 Control + R 鍵
強制重新載入Command + Shift + R 鍵Control + F5 鍵或 Control + Shift + R 鍵
在目前面板中搜尋文字。僅支援「元素」、「控制台」、「來源」、「效能」、「記憶體」、「JavaScript 剖析器」和「快速來源」面板。Command + F 鍵Control + F 鍵
在導覽匣中開啟「Search」分頁，以便在所有載入的資源中搜尋文字Command+Option+FControl+Shift+F
在「來源」面板中開啟檔案Command + O 或 Command + PControl + O 鍵或 Control + P 鍵
放大Command+Shift++Control+Shift++
縮小Command+-Control+- 鍵
還原預設縮放等級Command+0Control+0
執行程式碼片段按下 Command + O 鍵開啟指令選單，輸入 !然後輸入指令碼名稱，再按下 Enter 鍵按下 Control + O 鍵開啟指令選單，輸入 ! 接著輸入指令碼名稱，然後按下 Enter 鍵

「元素」面板鍵盤快速鍵

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

「樣式」窗格鍵盤快速鍵

動作MacWindows / Linux
前往宣告屬性值的行按住 Command，然後點選屬性值按住 Control 鍵，然後按一下屬性值
切換 CSS 規則向上鍵 / 向下鍵向上鍵 / 向下鍵
在 CSS 規則中，循環瀏覽屬性和屬性值中的控制項向左鍵 / 向右鍵向左鍵 / 向右鍵
聚焦於屬性值中的函式 (例如 var、calc、clamp 等，以虛線底線標示) 時，開啟 CSS 值工具提示Option+ 向下鍵Alt + 向下鍵
變更顏色值的表示方式 (例如 RGB、十六進位、oklch 等)按住 Shift 鍵，然後點選值旁邊的「顏色預覽」方塊按住 Shift 鍵，然後點選值旁邊的「顏色預覽」方塊
編輯下一個 / 上一個屬性或值按一下屬性名稱或值，然後按下 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按一下值旁邊的「角度預覽」方塊，然後按下向上鍵 / 向下鍵按一下值旁邊的「Angle Preview」方塊，然後按下向上鍵 / 向下鍵
將角度值增 / 減 10按一下值旁邊的「角度預覽」方塊，然後按下 Shift+向上鍵 / Shift+向下鍵按一下值旁邊的「角度預覽」方塊，然後按下 Shift + 向上鍵 / Shift + 向下鍵
將角度值增減 15按一下值旁邊的「角度預覽」方塊，然後按下 Shift 鍵，在「角度時鐘疊加層」上按一下 / 滑動滑鼠按一下值旁邊的「角度預覽」方塊，然後按下 Shift 鍵，在「角度時鐘疊加層」上按一下 / 滑動滑鼠

「來源」面板鍵盤快速鍵

動作MacWindows / 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+WAlt+W
開啟下一個或上一個分頁Function + Command + 向上鍵或向下鍵Control + Page Up 或 Page Down
切換左側的「導覽」側欄Command+Shift+YControl+Shift+Y
切換右側的「偵錯工具」側欄Command + Shift + H 鍵Control + Shift + H 鍵

程式碼編輯器鍵盤快速鍵

動作MacWindows / Linux
刪除最後一個字的所有字元，直到游標位置為止Option+DeleteControl+Delete
新增或移除程式碼行中斷點將游標移至該行，然後按下 Command+B將游標移至該行，然後按下 Control + B 鍵
開啟中斷點編輯對話方塊，編輯條件式中斷點或記錄點將游標放在要加上粗體格式的文字行，然後按下 Command+Alt+B 鍵將游標放在要加上粗體格式的文字行上，然後按下 Control+Alt+B 鍵
開啟「conditional breakpoint」對話方塊Command + 按一下行號Control + 按一下行號
開啟「logpoint」對話方塊Command+Shift+按一下行號Control+Shift+按一下行號
前往相符的括號Control+MControl + M 鍵
切換單行註解。如果選取多行，開發人員工具會在每行開頭新增註解Command+/Control+/
選取 / 取消選取游標所在字詞的下一個例項。所有出現的位置都會同時醒目顯示Command+D / Command+UControl + D 鍵 / Control + U 鍵

「網路」面板鍵盤快速鍵

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

「效能」面板鍵盤快速鍵

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

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

動作MacWindows / Linux
開始 / 停止錄製Command+EControl+E

控制台面板鍵盤快速鍵

動作MacWindows / Linux
接受自動完成建議向右鍵或 Tab 鍵向右鍵或 Tab 鍵
拒絕自動完成建議逸出Escape
在自動完成清單中向上或向下移動向上鍵 / 向下鍵或 Control + P / N 鍵向上 / 向下鍵，或 Control+P / N 鍵
取得先前的對帳單向上鍵向上鍵
取得下一份對帳單向下鍵向下鍵
聚焦控制台Control+`Control+`
清除控制台Command + K 鍵或 Option + L 鍵Control + L 鍵
強制換行。請注意，開發人員工具預設會偵測多行情境，因此現在通常不需要這個快速鍵Shift+ReturnShift+Enter
執行Return 鍵輸入
展開已記錄到控制台的物件的所有子屬性按住 Alt 鍵，然後依序點選「展開」>按住 Alt 鍵，然後依序點選「展開」
動作MacWindows / Linux
展開/收合所有搜尋結果Command + Option + { 或 }Control+Shift+{ 或 }

「錄音工具」面板鍵盤快速鍵

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

圖層面板鍵盤快速鍵

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