# 一、Chrome 比較常用快捷鍵操作 [TOC] | 描述 | 操作 | | --- | --- | | 打開谷歌開發者工具 | **Ctrl + Shift + I** 或 **F12** 或 **Ctrl + Shift + J** (打開并切換到到控制臺) | | 切換設備工具欄 | **Ctrl?+?Shift?+?M** | | 清空控制臺 | **Ctrl + L** | | 重載當前頁面 | **F5** 或 **Ctrl + R** | | 忽略緩存內容，重載當前頁面 | **Shift + F5** 或 **Ctrl + F5** | | 更改停靠位置 | **Ctrl?+?Shift?+?D** | | 頁面放大 | **Ctrl?+?+** | | 頁面縮小 | **Ctrl?+?-** | | 頁面還原 | **Ctrl?+?0** | | 打開新窗口 | **Ctrl?+?N** | | 打開新的標簽頁，并跳轉到該標簽頁 | **Ctrl?+?T** | | 重新打開最后關閉的標簽頁，并跳轉到該標簽頁 | **Ctrl + Shift?+?T** | | 關閉當前標簽頁或彈出式窗口 | **Ctrl + W?或?Ctrl + F4** | | 關閉所有打開的標簽頁和瀏覽器 | **Ctrl + Shift + W** | | 跳轉到下一個打開的標簽頁 | **Ctrl?+?Tab** | | 跳轉到上一個打開的標簽頁 | **Ctrl + Shift + Tab** | | 歷史記錄上一頁 | **Alt + ←** | | 歷史記錄下一頁 | **Alt + →** | | 跳轉到特定標簽頁 | **Ctrl + 1?到?Ctrl + 8** | | 跳轉到最后一個標簽頁 | **Ctrl + 9** | | 在當前標簽頁中打開主頁 | **Alt + Home** | | 顯示或隱藏書簽欄 | **Ctrl + Shift + B** | | 打開書簽管理器 | **Ctrl + Shift + O** | | 在新標簽頁中打開"歷史記錄"頁 | **Ctrl + H** | | 在新標簽頁中打開"下載內容"頁 | **Ctrl + J** | | 將當前網頁保存為書簽 | **Ctrl + D** | | 將所有打開的標簽頁以書簽的形式保存在新文件夾中 | **Ctrl + Shift + D** | | 向下滾動網頁，一次一個屏幕 | **空格鍵或?PgDn** | | 向上滾動網頁，一次一個屏幕 | **Shift + 空格鍵或?PgUp** | # 二、 Chrome DevTools 快捷鍵參考 下面介紹 Chrome DevTools 中所有鍵盤快捷鍵的參考信息。一些快捷鍵全局可用，而其他快捷鍵會特定于單一面板。 您也可以在提示中找到快捷鍵。將鼠標懸停在 DevTools 的 UI 元素上可以顯示元素的提示。 如果元素有快捷鍵，提示將包含快捷鍵。 ## 訪問 DevTools | 訪問 DevTools | 在 Windows 上 | 在 Mac 上 | | --- | --- | --- | | 打開 Developer Tools | F12、Ctrl+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 | | 刷新頁面 | F5、Ctrl+R | Cmd+R | | 刷新忽略緩存內容的頁面 | Ctrl+F5、Ctrl+Shift+R | Cmd+Shift+R | | 在當前文件或面板中搜索文本 | Ctrl+F | Cmd+F | | 在所有源中搜索文本 | Ctrl+Shift+F | Cmd+Opt+F | | 按文件名搜索（除了在 Timeline 上） | Ctrl+O、Ctrl+P | Cmd+O、Cmd+P | | 放大（焦點在 DevTools 中時） | Ctrl++ | Cmd+Shift++ | | 縮小 | Ctrl+- | Cmd+Shift+- | | 恢復默認文本大小 | Ctrl+0 | Cmd+0 | ## 按面板分類的鍵盤快捷鍵 ### Elements | Elements 面板 | Windows | Mac | | --- | --- | --- | | 撤消更改 | Ctrl+Z | Cmd+Z | | 重做更改 | Ctrl+Y | Cmd+Y、Cmd+Shift+Z | | 導航 | 向上鍵、向下鍵 | 向上鍵、向下鍵 | | 展開/折疊節點 | 向右鍵、向左鍵 | 向右鍵、向左鍵 | | 展開節點 | 點擊箭頭 | 點擊箭頭 | | 展開/折疊節點及其所有子節點 | Ctrl+Alt+點擊箭頭圖標 | Opt+點擊箭頭圖標 | | 編輯屬性 | Enter、雙擊屬性 | Enter、雙擊屬性 | | 隱藏元素 | H | H | | 切換為以 HTML 形式編輯 | F2 | | #### Styles 邊欄 Styles 邊欄中可用的快捷鍵： | Styles 邊欄 | Windows | Mac | | --- | --- | --- | | 編輯規則 | 點擊 | 點擊 | | 插入新屬性 | 點擊空格 | 點擊空格 | | 轉到源中樣式規則屬性聲明行 | Ctrl+點擊屬性 | Cmd+點擊屬性 | | 轉到源中屬性值聲明行 | Ctrl+點擊屬性值 | Cmd+點擊屬性值 | | 在顏色定義值之間循環 | Shift+點擊顏色選取器框 | Shift+點擊顏色選取器框 | | 編輯下一個/上一個屬性 | Tab、Shift+Tab | Tab、Shift+Tab | | 增大/減小值 | 向上鍵、向下鍵 | 向上鍵、向下鍵 | | 以 10 為增量增大/減小值 | Shift+Up、Shift+Down | Shift+Up、Shift+Down | | 以 10 為增量增大/減小值 | PgUp、PgDown | PgUp、PgDown | | 以 100 為增量增大/減小值 | Shift+PgUp、Shift+PgDown | Shift+PgUp、Shift+PgDown | | 以 0.1 為增量增大/減小值 | Alt+向上鍵、Alt+向下鍵 | Opt+向上鍵、Opt+向下鍵 | ### Sources | Sources 面板 | Windows | Mac | | --- | --- | --- | | 暫停/繼續腳本執行 | F8、Ctrl+\\ | F8、Cmd+\\ | | 越過下一個函數調用 | F10、Ctrl+' | F10、Cmd+' | | 進入下一個函數調用 | F11、Ctrl+; | F11、Cmd+; | | 跳出當前函數 | Shift+F11、Ctrl+Shift+; | Shift+F11、Cmd+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+K、Opt+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 | 更多請查閱：[Chrome 開發者工具](https://developers.google.com/web/tools/chrome-devtools/shortcuts)