【譯】你不知道的 Chrome 除錯工具技巧第十四天：其他快捷鍵~

特別宣告

本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日
版權歸原作者所有。

作者在 Twitter 上推薦我們的中文翻譯啦,截圖在最後

譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。
為了不影響大家閱讀，授權的記錄在這裡

正文

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

在已經過去的 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 的皮膚之間切換

點選越少越好！我們經常從 “元素” 皮膚轉到 “源” 皮膚並返回。這些快捷鍵幫助我們在活動皮膚之間切換：

按下 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 除錯工具技巧 第十四天：其他快捷鍵~