谷歌瀏覽器調試快捷鍵

快捷鍵大全

快捷鍵有這麼如下幾大類..且看我一一道來~~~注:All pane是全局快捷鍵

Console()

• Ctrl + L : 清除控制檯消息
• Tab : 自動完成通用常綴
• →: 接受建議
• Ctrl  +  U: 清除console的提示!!(實操查看源代碼!!)
• ↓ / ↑ :選中下一行/上一行
• Enter: 執行代碼或者命令

Debugger(調試面板)

• F8  or  Ctrl + \: 暫停/繼續
• F10  or  Ctrl + ': 單步執行
• F11  or Ctrl +;: 單步進入
• Shift + F11  or Ctrl + Shift+;: 單步退出
• Ctrl +./Ctrl+, : 上一幀/下一幀(譯爲框架怪怪的)
• Ctrl +Shift+E: 被選中代碼在控制檯中打印出console信息(很是實用)
• Ctrl + Shift + A: 添加到debugger的watch裏面,能夠關注你選中內容的變化
• Ctrl + B: 打斷點/取消斷點(很實用)

Text Editor(文本編輯器)

• Ctrl + Shift+P : 跳轉到某個成員(不知鳥用)
• Ctrl + Space: 自動完成
• Ctrl + G : 跳轉到某行
• Ctrl + Shift + E
• Alt + -: 跳轉到以前的編輯位置
• Alt + +: 跳轉到下一個編輯的位置
• Ctrl + /: 快捷鍵註釋
• Alt + ↑: 調整CSS度量單位,每次增長一個單元
• Alt + ↓: 調整CSS度量單位,每次減小一個單元
• Alt + PageUp: 調整CSS度量單位,每次**增長**10個單元
• Alt + PageDown: 調整CSS度量單位,每次**減小**10個單元
• Ctrl + D: 選擇選中內容的下一個匹配內容
• Ctrl + U: 軟撤銷
• Ctrl + M: 進入匹配的括號
• Alt + W: 關閉編輯便籤
• Alt + O: 切換相同名字的或者不一樣後綴的文件

All Panels(全部面板)

• Ctrl + [ / Ctrl + ]:切換面板(向左向右)
• Ctrl + Shift + [ / Ctrl + Shift+] : 返回以前以後的面板狀態
• Ctrl + Tilde[~]:顯示Console
• Esc: 小菜單彈出隱藏
• Ctrl + Shift + M: 進入仿真設備模式(移動平板屏幕)
• Ctrl + Shift + D: 切換調試面板在底部仍是側邊欄展現
• Ctrl + F: 搜索內容
• Ctrl + Shift + F: 在全部代碼中搜索(跨域),很實用
• Ctrl + Shift + C: 選擇頁面節點而且查看代碼,最經常使用!!
• Ctrl + P: 快速切換源碼文件,很經常使用!

Style Pane(風格面板)

• Tab / Shift + Tab: 下一個/上一個屬性
• ↑: 增長CSS度量單位->1單元
• ↓:減小CSS度量單位->1單元
• PageUporShift + ↑:增長CSS度量單位->10單元
• PageDownorShift + ↓:減小CSS度量單位->10單元
• Shift + PageUp:增長CSS度量單位->100單元
• Shift + PageDown:減小CSS度量單位->100單元
• Alt + ↑:增長CSS度量單位->0.1單元
• Alt + ↓:減小CSS度量單位->0.1單元

Timeline Panel(時間軸面板)

• Ctrl + E:開始
• Ctrl + S:保存時間軸數據
• Ctrl + O:加載時間軸數據

快捷鍵大全

快捷鍵有這麼如下幾大類..且看我一一道來~~~注:All pane是全局快捷鍵

Console()

• Ctrl + L : 清除控制檯消息
• Tab : 自動完成通用常綴
• →: 接受建議
• Ctrl  +  U: 清除console的提示!!(實操查看源代碼!!)
• ↓ / ↑ :選中下一行/上一行
• Enter: 執行代碼或者命令

Debugger(調試面板)

• F8  or  Ctrl + \: 暫停/繼續
• F10  or  Ctrl + ': 單步執行
• F11  or Ctrl +;: 單步進入
• Shift + F11  or Ctrl + Shift+;: 單步退出
• Ctrl +./Ctrl+, : 上一幀/下一幀(譯爲框架怪怪的)
• Ctrl +Shift+E: 被選中代碼在控制檯中打印出console信息(很是實用)
• Ctrl + Shift + A: 添加到debugger的watch裏面,能夠關注你選中內容的變化
• Ctrl + B: 打斷點/取消斷點(很實用)

Text Editor(文本編輯器)

• Ctrl + Shift+P : 跳轉到某個成員(不知鳥用)
• Ctrl + Space: 自動完成
• Ctrl + G : 跳轉到某行
• Ctrl + Shift + E
• Alt + -: 跳轉到以前的編輯位置
• Alt + +: 跳轉到下一個編輯的位置
• Ctrl + /: 快捷鍵註釋
• Alt + ↑: 調整CSS度量單位,每次增長一個單元
• Alt + ↓: 調整CSS度量單位,每次減小一個單元
• Alt + PageUp: 調整CSS度量單位,每次**增長**10個單元
• Alt + PageDown: 調整CSS度量單位,每次**減小**10個單元
• Ctrl + D: 選擇選中內容的下一個匹配內容
• Ctrl + U: 軟撤銷
• Ctrl + M: 進入匹配的括號
• Alt + W: 關閉編輯便籤
• Alt + O: 切換相同名字的或者不一樣後綴的文件

All Panels(全部面板)

• Ctrl + [ / Ctrl + ]:切換面板(向左向右)
• Ctrl + Shift + [ / Ctrl + Shift+] : 返回以前以後的面板狀態
• Ctrl + Tilde[~]:顯示Console
• Esc: 小菜單彈出隱藏
• Ctrl + Shift + M: 進入仿真設備模式(移動平板屏幕)
• Ctrl + Shift + D: 切換調試面板在底部仍是側邊欄展現
• Ctrl + F: 搜索內容
• Ctrl + Shift + F: 在全部代碼中搜索(跨域),很實用
• Ctrl + Shift + C: 選擇頁面節點而且查看代碼,最經常使用!!
• Ctrl + P: 快速切換源碼文件,很經常使用!

Style Pane(風格面板)

• Tab / Shift + Tab: 下一個/上一個屬性
• ↑: 增長CSS度量單位->1單元
• ↓:減小CSS度量單位->1單元
• PageUporShift + ↑:增長CSS度量單位->10單元
• PageDownorShift + ↓:減小CSS度量單位->10單元
• Shift + PageUp:增長CSS度量單位->100單元
• Shift + PageDown:減小CSS度量單位->100單元
• Alt + ↑:增長CSS度量單位->0.1單元
• Alt + ↓:減小CSS度量單位->0.1單元

Timeline Panel(時間軸面板)

• Ctrl + E:開始
• Ctrl + S:保存時間軸數據
• Ctrl + O:加載時間軸數據