谷歌瀏覽器
快捷鍵大全
快捷鍵有這麼以下幾大類..
注: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:載入時間軸資料