Missed the action at the 2018 Chrome Dev Summit? Catch up with our playlist on the Google Chrome Developers channel on YouTube. Watch now.

鍵盤快捷鍵參考

本頁介紹 Chrome DevTools 中所有鍵盤快捷鍵的參考信息。一些快捷鍵全局可用,而其他快捷鍵會特定於單一面板。

您也可以在提示中找到快捷鍵。將鼠標懸停在 DevTools 的 UI 元素上可以顯示元素的提示。 如果元素有快捷鍵,提示將包含快捷鍵。

訪問 DevTools

訪問 DevTools 在 Windows 上 在 Mac 上
打開 Developer Tools F12Ctrl + Shift + I Cmd + Opt + I
打開/切換檢查元素模式和瀏覽器窗口 Ctrl + Shift + C Cmd + Shift + C
打開 Developer Tools 並聚焦到控制檯 Ctrl + Shift + J Cmd + Opt + J
檢查檢查器(取消停靠第一個後按) Ctrl + Shift + I Cmd + Opt + I

全局鍵盤快捷鍵

下列鍵盤快捷鍵可以在所有 DevTools 面板中使用:

全局快捷鍵 Windows Mac
顯示一般設置對話框 ?F1 ?
下一個面板 Ctrl + ] Cmd + ]
上一個面板 Ctrl + [ Cmd + [
在面板歷史記錄中後退 Ctrl + Alt + [ Cmd + Opt + [
在面板歷史記錄中前進 Ctrl + Alt + ] Cmd + Opt + ]
更改停靠位置 Ctrl + Shift + D Cmd + Shift + D
打開 Device Mode Ctrl + Shift + M Cmd + Shift + M
切換控制檯/在設置對話框打開時將其關閉 Esc Esc
刷新頁面 F5Ctrl + R Cmd + R
刷新忽略緩存內容的頁面 Ctrl + F5Ctrl + Shift + R Cmd + Shift + R
在當前文件或面板中搜索文本 Ctrl + F Cmd + F
在所有源中搜索文本 Ctrl + Shift + F Cmd + Opt + F
按文件名搜索(除了在 Timeline 上) Ctrl + OCtrl + P Cmd + OCmd + P
放大(焦點在 DevTools 中時) Ctrl + + Cmd + Shift + +
縮小 Ctrl + - Cmd + Shift + -
恢復默認文本大小 Ctrl + 0 Cmd + 0

按面板分類的鍵盤快捷鍵

Elements

Elements 面板 Windows Mac
撤消更改 Ctrl + Z Cmd + Z
重做更改 Ctrl + Y Cmd + YCmd + Shift + Z
導航 向上鍵向下鍵 向上鍵向下鍵
展開/摺疊節點 向右鍵向左鍵 向右鍵向左鍵
展開節點 點擊箭頭 點擊箭頭
展開/摺疊節點及其所有子節點 Ctrl + Alt + 點擊箭頭圖標 Opt + 點擊箭頭圖標
編輯屬性 Enter雙擊屬性 Enter雙擊屬性
隱藏元素 H H
切換爲以 HTML 形式編輯 F2

Styles 邊欄

Styles 邊欄中可用的快捷鍵:

Styles 邊欄 Windows Mac
編輯規則 點擊 點擊
插入新屬性 點擊空格 點擊空格
轉到源中樣式規則屬性聲明行 Ctrl + 點擊屬性 Cmd + 點擊屬性
轉到源中屬性值聲明行 Ctrl + 點擊屬性值 Cmd + 點擊屬性值
在顏色定義值之間循環 Shift + 點擊顏色選取器框 Shift + 點擊顏色選取器框
編輯下一個/上一個屬性 TabShift + Tab TabShift + Tab
增大/減小值 向上鍵向下鍵 向上鍵向下鍵
以 10 爲增量增大/減小值 Shift + UpShift + Down Shift + UpShift + Down
以 10 爲增量增大/減小值 PgUpPgDown PgUpPgDown
以 100 爲增量增大/減小值 Shift + PgUpShift + PgDown Shift + PgUpShift + PgDown
以 0.1 爲增量增大/減小值 Alt + 向上鍵Alt + 向下鍵 Opt + 向上鍵Opt + 向下鍵

Sources

Sources 面板 Windows Mac
暫停/繼續腳本執行 F8Ctrl + \ F8Cmd + \
越過下一個函數調用 F10Ctrl + ' F10Cmd + '
進入下一個函數調用 F11Ctrl + ; F11Cmd + ;
跳出當前函數 Shift + F11Ctrl + Shift + ; Shift + F11Cmd + Shift + ;
選擇下一個調用框架 Ctrl + . Opt + .
選擇上一個調用框架 Ctrl + , Opt + ,
切換斷點條件 點擊行號Ctrl + B 點擊行號Cmd + B
編輯斷點條件 右鍵點擊行號 右鍵點擊行號
刪除各個單詞 Ctrl + Delete Opt + Delete
爲某一行或選定文本添加註釋 Ctrl + / Cmd + /
將更改保存到本地修改 Ctrl + S Cmd + S
保存所有更改 Ctrl + Alt + S Cmd + Opt + S
轉到行 Ctrl + G Ctrl + G
按文件名搜索 Ctrl + O Cmd + O
跳轉到行號 Ctrl + P + 數字 Cmd + P + 數字
跳轉到列 Ctrl + O + 數字 + 數字 Cmd + O + 數字 + 數字
轉到成員 Ctrl + Shift + O Cmd + Shift + O
關閉活動標籤 Alt + W Opt + W
運行代碼段 Ctrl + Enter Cmd + Enter

在代碼編輯器內

代碼編輯器 Windows Mac
轉到匹配的括號 Ctrl + M
跳轉到行號 Ctrl + P + 數字 Cmd + P + 數字
跳轉到列 Ctrl + O + 數字 + 數字 Cmd + O + 數字 + 數字
切換註釋 Ctrl + / Cmd + /
選擇下一個實例 Ctrl + D Cmd + D
撤消上一個選擇 Ctrl + U Cmd + U

Timeline

Timeline 面板 Windows Mac
開始/停止記錄 Ctrl + E Cmd + E
保存時間線數據 Ctrl + S Cmd + S
加載時間線數據 Ctrl + O Cmd + O

Profiles

Profiles 面板 Windows Mac
開始/停止記錄 Ctrl + E Cmd + E

控制檯

控制檯快捷鍵 Windows Mac
接受建議 向右鍵 向右鍵
上一個命令/行 向上鍵 向上鍵
下一個命令/行 向下鍵 向下鍵
聚焦到控制檯 Ctrl + ` Ctrl + `
清除控制檯 Ctrl + L Cmd + KOpt + L
多行輸入 Shift + Enter Ctrl + Return
執行 Enter Return

Device Mode

Device Mode 快捷鍵 Windows Mac
雙指張合放大和縮小 Shift + 滾動 Shift + 滾動

抓屏時

抓屏快捷鍵 Windows Mac
雙指張合放大和縮小 Alt + 滾動Ctrl + 點擊並用兩個手指拖動 Opt + 滾動Cmd + 點擊並用兩個手指拖動
檢查元素工具 Ctrl + Shift + C Cmd + Shift + C