网页设计和编码不可或缺的谷歌浏览器” 功能是“开发者工具”。当我将新设计应用到 rzldn.com 时，我总是使用它。
当然，您希望快速调用常用的功能。我想使用键盘快捷键立即启动“开发人员工具”。一般来说，您可以通过右键单击正在查看的页面并单击“检查”来启动它，但如果您经常使用它，那么记住键盘快捷键肯定会更有效。
在本文中谷歌浏览器用于快速访问“开发人员工具”和“设备模式”的键盘快捷键请将此作为参考！
“开发者工具”中的“设备模式”
对于Mac/PC，打开“开发者工具”并检查显示；对于智能手机，打开“设备模式”并检查显示。对于像我这样鼓捣设计的人来说，两者都是不可或缺的工具，能够快速调用它们真是太好了。
首先，调用“开发者工具”的键盘快捷键如下：
alt/选项 + 命令 + i
现在您不必每次都右键单击并按“检查”。只需打开您想要调用“开发人员工具”的页面并输入上面的键盘快捷键即可。
接下来，假设您要检查该页面的智能手机显示。到目前为止，我认为您已经单击“开发人员工具”左上角的按钮来启动“设备模式”，但是可以使用键盘快捷键轻松切换。让我们输入：
Shift + 命令 + m
重点是“开发者工具”已激活和，窗口焦点位于开发人员工具上那是有需要的。换句话说，如果你想检查正在查看的页面的智能手机显示，你可以通过按我在开头介绍的“alt/option + command + i”启动“开发者工具”，然后连续按“shift + command + m”切换到“设备模式”。
当您想快速检查您正在查看的网站的代码时，请使用它！