前端開(kāi)發(fā)離不開(kāi) Web Developer Tools兢交，提升效率之一是熟悉最常用的操作功能快捷鍵酣藻，這里匯集一下藐鹤，隨時(shí)更新；
Developer Tools（DT） 相關(guān)
| 功能 | Win | Mac |
|---|---|---|
| Toggle Developer Tools | Ctrl+Shift+I（F12） | Cmd+Opt+I |
| 打開(kāi)直接定位到 console | Ctrl+Shift+J | Cmd+Opt+J |
| 清空 console log (Focus on DT) | Ctrl+L, Alt+D | Cmd+K（Opt+L） |
| Highlights the URL (Focus on Page) | Ctrl+L | Cmd+L |
| Toggle Bookmarks bar on and off | Ctrl+Shift+B | Cmd+Shift+B |
| 刷新頁(yè)面 | Ctrl+R | Cmd+R |
| 打開(kāi)一個(gè)新 Tab | Ctrl+T | Cmd+T |
| 恢復(fù)關(guān)閉的 Tab | Ctrl+Shift+T | Cmd+Shift+T |
How to switch between Page and Developer Tools
Press F6.
F6 loops the focus in this order:
Page -> DevTools -> Address bar -> Bookmarks登疗；
- 51版的 Chrome 沒(méi)有提供工具 Hide address bar and toolbar排截；
More Tools
Customize and control Chrome
Mac 下 Browsers（Safari | Chrome | Firefox） 快捷鍵
- Google Chrome Keyboard Shortcuts - Mac
- ?W：Close Tab（多 Tab 時(shí)，則 ??W 關(guān)閉所有窗口辐益，退出應(yīng)用断傲；Closes Window/Instance）；
- ?Q：Quit 應(yīng)用（closes the application/process）
- Command ? + Click：will open a link in a new a tab behind the current one智政；
- Command ? + Shift ? + Click：will open the new tab & bring it to the front.
- Command + 1认罩，...，Command + 8 直接定位到指定位置的 Tab续捂，Command + 9 則到最后一個(gè) Tab（從左到右排序）
刪除緩存
- Ctrl+Shift+Del More tools > Clear browsing data
- 安裝 Chrome 擴(kuò)展 - Clear Cache Shortcut offered by Paul Yuan猜年；
- Ctrl+Shift+D 一鍵清空；
