【譯】你不知道的 Chrome 調試工具技巧第十四天：其餘快捷鍵~

特別聲明

本文是做者 Tomek Sułkowski 發佈在 medium 上的一個系列。據做者透露一共有 24 篇，一直更新到 12 月 24 日
版權歸原做者全部。
前端

做者在 Twitter 上推薦咱們的中文翻譯啦,截圖在最後
vue

譯者在翻譯前已經和做者溝通獲得了翻譯整個系列的受權。
爲了避免影響你們閱讀，受權的記錄在這裏
git

正文

在立刻就要迎來假期的這 24 天裏，我將會發布一系列短篇的文章，關於如何更加有意思的使用開發工具，昨天咱們追蹤了對象和方法，今天看看有哪些值得咱們去了解的有用的快捷鍵。github

在已通過去的 13 天的課程裏，咱們已經看過了一些方便的快捷鍵。例如：網絡

h 隱藏元素
ctrl + /many things really/ 來移動或者複製粘貼元素
ctrl + shift + P 來控制控制面板的顯示和隱藏

這裏是一些其餘在咱們平常前端開發的處理中，至關實用的快捷鍵：異步

37. `Switch between 2 recent DevTools placements` 在兩個最近使用的 DevTools 的展現位置之間切換

我一般會發現本身在 95％ 的時間內都在使用 DevTools 窗口中的一個我的最喜歡的位置（底部的 dock)，可是有時我想切換到另一個(一般是右邊的 dock)。那麼你能夠經過 DevTools 的下拉菜單，或者命令菜單...或者使用一個快捷鍵 ctrl + shift + D (⌘ + shift + D Mac)。編輯器

它將會在你如今所處的位置以及你以前使用的位置之間切換：工具

38. Switch between DevTools panels 在 DevTools 的面板之間切換

點擊越少越好！咱們常常從 「元素」 面板轉到 「源」 面板並返回。這些快捷鍵幫助咱們在活動面板之間切換：post

按下 ctrl + [ 和 ctrl + ] 分別從當前面板的分別向左和向右切換面板。開發工具
按下 ctrl + 1 到 ctrl + 9 轉到編號 1...9 的面板(因此 ctrl + 1 轉到元素面板，ctrl + 4 轉到網絡信息面板等等)

請注意! 後面這組快捷鍵默認是停用的。若是你想打開它，到 DevTools Settings>>Preferences>>Appearance而後打開這個選項：

39. Increment/decrement 遞增/遞減

這個對 Style 部份最有用：經過使用帶有或者不帶有修飾鍵的上/下箭頭按鍵你能夠很輕鬆的遞增和遞減 0.1 , 1 或者 10 這樣數值類型的值。

甚至對顏色都起做用！（雖然沒什麼卵用，可是真的能夠起做用~）

今天的分享就到這裏~

慣例：若是你從這裏學到了一些新東西

→ 你能夠點個贊再走嘛~
→ 關注我：Twitter：Tomek Sułkowski

其餘系列

其餘此係列的文章，立刻就會翻譯出來，到時會貼出對應的連接在此處。

寫在最後

若是你對個人翻譯表示確定，也能夠關注我一波哦~ 順便個人開源項目，求一波 star→ 看這裏, 美麗的博客系統

【譯】你不知道的 Chrome 調試工具技巧 第十四天：其餘快捷鍵~