【译】你不知道的 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 调试工具技巧 第十四天：其余快捷键~