鍵盤快速鍵

Sofia Emelianova
Sofia Emelianova

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

您也可以在工具提示中找到快速鍵。將滑鼠遊標懸停在開發人員工具的 UI 元素上,即可顯示工具提示。 如果元素有捷徑,工具提示也會包含該元素。

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

如要開啟開發人員工具,請在遊標聚焦於瀏覽器時按下下列鍵盤快速鍵 可視區域:

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

通用鍵盤快速鍵

開發人員工具面板大多提供下列鍵盤快速鍵。

動作MacWindows / Linux
顯示「設定」?Function+F1?F1
將焦點移至下一個面板Command+]Control+]
將焦點移至上一個面板Command + [Control + [
切換回您上次使用的任何文件位置。如果開發人員工具在整個工作階段都處於預設位置,這個快速鍵會將開發人員工具復原至獨立視窗Command + Shift + DControl + Shift + D
切換裝置模式Command + Shift + MControl + Shift + M
切換「Inspect Element Mode」(檢查元素模式)Command + Shift + CControl + Shift + C
開啟指令選單Command + Shift + PControl + Shift + P
切換導覽匣Escape 鍵Escape 鍵
正常重新載入Command + RF5F5 + F5
強制重新載入Command + Shift + RControl + F5 鍵或 Control + Shift + R
搜尋目前面板內的文字。僅支援「Elements」Elements、「Console」Elements、「Sources」Elements、「Performance」Elements、「Memory」Elements、「JavaScript Profiler」Elements和「Quick Source」Elements面板。ElementsCommand + FControl + F
導覽匣中開啟「搜尋」分頁,可讓您搜尋所有載入資源中的文字Command + Option + FControl + Shift + F
在「Sources」面板中開啟檔案Command + O 鍵或 Command + PControl + O 鍵或 Control + P
放大Command + Shift + +Control + Shift + +
縮小Command + -Control + -
還原預設縮放等級Command + 0Control + 0
執行程式碼片段按下 Command + O 鍵開啟 Command 選單,然後按 !並在後方加上指令碼名稱,然後按下 Enter按下 Control + O 鍵開啟指令選單,然後輸入 !並在後方加上指令碼名稱,然後按下 Enter

元素面板鍵盤快速鍵

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

樣式窗格鍵盤快速鍵

動作MacWindows / Linux
前往已宣告屬性值的那一行按住 Command 鍵,然後按一下屬性值按住 Control 鍵,然後按一下屬性值
循環顯示色彩值的 RGBA、HSLA 和十六進位表示法按住 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 + 向下鍵
循環顯示角度值 (度)、階梯 (梯度)、弧度 (rad) 和旋轉 (迴轉) 表示法的角度值按住 Shift 鍵,然後按一下值旁邊的「角度預覽」方塊按住 Shift 鍵,然後按一下值旁邊的「角度預覽」方塊
將角值遞增 / 減少 1按一下值旁邊的「角度預覽」方塊,然後按向上鍵 / 向下鍵按一下值旁邊的「角度預覽」方塊,然後按向上鍵 / 向下鍵
將角值遞增 / 減少 10按一下值旁邊的「角度預覽」方塊,然後按下 Shift + 向上鍵 / Shift + 向下鍵按一下值旁邊的「角度預覽」方塊,然後按下 Shift + 向上鍵 / Shift + 向下鍵
將角值遞增 / 減少 15按一下該值旁邊的「角度預覽」方塊,然後按 Shift 鍵,並在「角度重疊」視窗上點選 / 滑鼠投影片按一下該值旁邊的「角度預覽」方塊,然後按 Shift 鍵,並在「角度重疊」視窗上點選 / 滑鼠投影片

來源面板鍵盤快速鍵

動作MacWindows / Linux
暫停執行指令碼 (如果目前執行中) 或繼續執行 (如果目前已暫停)F8 鍵或 Command + \F8F8 + F8
跳過下一個函式呼叫F10Command + 'F10Control + '
執行下一個函式呼叫F11Command + ;F11Control + ;
跳離目前的函式Shift + F11 鍵或 Command + Shift + ;Shift + F11 鍵或 Control + Shift + ;
暫停期間繼續顯示特定行程式碼按住 Command 鍵,然後按一下程式碼行按住 Control 鍵,然後按一下程式碼行
選取下方 / 位於目前所選影格上方的呼叫框Control + . 鍵 / Control + ,Control + . 鍵 / Control + ,
儲存在本機修改內容的變更Command + SControl + S
儲存所有變更Command + Option + SControl + Alt + S
前往指定的行Control + GControl + G
跳到目前開啟檔案的行號按下 Command + O 鍵開啟 Command 選單,接著輸入 : 在行號,然後按下 Enter按下 Control + O 鍵開啟 Command 選單,輸入 : 在行號後按下 Enter
跳至目前開啟檔案的一欄 (例如第 5 行第 9 欄)按下 Command + O 鍵開啟 Command 選單,接著依序輸入 :、行號和另一個 :,接著按下欄號,再按下 Enter按下 Ctrl + O 鍵開啟指令選單,接著依序輸入 :、行號和另一個 :,接著按下欄號,然後按下 Enter
前往函式宣告頁面 (如果目前開啟的檔案為 HTML 或指令碼),或規則集 (如果目前開啟的檔案為樣式表)按下 Command + Shift + O 鍵,然後輸入聲明 / 規則組合的名稱,或從選項清單中選取按下 Control + Shift + O 鍵,然後輸入聲明 / 規則組合的名稱,或從選項清單中選取
關閉使用中的分頁Option + WAlt+W
開啟下一個或上一個分頁函式 + Command + 向上鍵向下鍵Control + Page Up 鍵或 Page Down
切換左側「導覽」側欄Command + Shift + YControl + Shift + Y
開啟右側的「Debugger」側欄Command + Shift + HControl + Shift + H

程式碼編輯器鍵盤快速鍵

動作MacWindows / Linux
刪除最後一個字詞中的所有字元,最多刪除遊標位置Option + Delete 鍵Control + Delete 鍵
新增或移除程式碼行中斷點將遊標移到線條上,然後按下 Command + B將遊標移到線條上,然後按下 Control + B
開啟中斷點編輯對話方塊,編輯條件中斷點記錄點將遊標移到線條上,然後按下 Command + Alt + B將遊標移到線條上,然後按下 Control + Alt + B
開啟條件中斷點對話方塊Command 鍵 + 按一下行號Control 鍵 + 按一下行號
開啟「logpoint」對話方塊Command + Shift 鍵 + 按一下行號Control + Shift 鍵 + 按一下行號
前往相符的括號Control + MControl + M
切換單行註解。如果選取多行,開發人員工具會在每一行的開頭加入註解Command + /Control + /
選擇 / 取消選取遊標所在字詞的下一個出現位置。每個出現結果都會同時標示出來Command + D 鍵 / Command + UControl + D 鍵 / Control + U

網路面板鍵盤快速鍵

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

效能面板鍵盤快速鍵

動作MacWindows / Linux
開始 / 停止錄製Command + EControl + E
儲存記錄Command + SControl + S
載入錄製內容Command + OControl + O

記憶體面板鍵盤快速鍵

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

控制檯面板鍵盤快速鍵

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

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

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