17. 开始使用 Command (命令) 菜单 (如果你还没有用过的话)
有一些 Chrome 调试工具的功能被深深的隐藏在特别的面板中，菜单中等等。并且有一些甚至隐藏在这些地方之下。这也是为什么 Command 菜单 是一个在工具盒中必不可少的工具。
如果你在 WebStorm 中使用过 Find Action (查找动作) 或者 Visual Studio Code 中的 Command Palette 那么 (Command 菜单) 也是类似的功能。可以这样让它显示出来：
- 在 Chrome 的调试打开的情况下 按下 [ Ctrl]+[Shift]+[P] (or [?]+[Shift]+[P] on Mac)
- 或者使用DevTools 的 dropdown 按钮的这个选项:
你可以看到命令的输入和一系列的可供你选择的命令，按照我在下图所选择的类型被分组排列。
顺便说一句. 我个人认为上面这张图，是对于 DevTools 有多么强力的最好的象征
让我们一起来看看隐藏在这里的精华吧，一起？
18.截屏，大小通吃
如果你想对一个特别的 DOM 节点进行截图，选中那个节点，打开 Command 菜单并且寻找节点截图的命令。
更有用的是什么呢，你同样可以用这种方式全屏截图 - 使用 Capture full size screenshot。请注意，我们说的是全屏，并不是嵌入页面的一部分。我记得这可是得使用浏览器插件才能做到的！
19.快速切换面板
DevTools 的部分使用双面板布局（例如：元素或者资源面板）经常将它们以适合阅读的方式展示出来，根据屏幕可用的部分，将它们横向或者纵向的排列。有时候这个布局却并不是你喜欢的。
（你是否重置过DevTools呢？将样式面板将其从html预览的底部移动到右边或者其他的周围位置呢？是的，这就是我所说的）
打开 Commands 菜单并且输入layout,你会看到 2 到3个可供选择的项(当前你已经激活的选项不会在这里显示)：
- 使用横向面板布局
- 使用纵向面板布局
- 使用自动面板布局
选择你需要的
20.快速切换主题
你是否突然开始讨厌强光，并且不能忍受一直看着白光闪闪的屏幕呢？或者你一直都在黑暗的模式下工作，突然太阳出来了，照在你的 DevTools 上所以你什么都看不到？
在 Commands菜单中寻找与 theme 相关的选项，以实现在明亮&暗黑两种主题之间的切换。
好的，今天就分享这么多啦~
作者：dendoink
链接：https://juejin.im/post/5c0ee12551882545e24ef291