在 chrome 开发者工具中保存自定义设备宽度和高度答案

【问题标题】：Save custom device width and height in chrome developer tools在 chrome 开发者工具中保存自定义设备宽度和高度
【发布时间】：2016-01-20 00:56:55
【问题描述】：

chrome 中的 Chrome 开发者工具可以模拟一些设备尺寸，甚至我们可以为视口设置自定义宽度（x）和高度（y）。我的问题是我们可以用自定义名称保存这个自定义宽度或高度还是只保存它。

【问题讨论】：

【解决方案1】：

在最近的版本中可以找到...

Chrome Canary 现在可以在“设备模式”下的“响应式”下拉菜单中的“编辑...”下方便地找到此功能（当开发人员工具打开时为 CTRL+SHIFT/OPTION+CMD+M）。

【讨论】：

【解决方案2】：

是的，您可以保存自定义预设。只需单击右上角的More overrides 按钮（表示为三个水平点）。仿真抽屉应该出现在开发工具中。您可以单击Save As 按钮并为自定义预设指定名称。然后，新预设应显示在模型列表中。

编辑：这似乎在较新版本的 Chrome 中发生了变化。 matharden's answer 包括正确的步骤：在 devtools 中，转到 Settings，在左侧导航中选择 Devices，然后选择 Add custom device...

【讨论】：

【解决方案3】：

如果你调出开发者工具，点击角落的设置齿轮，然后从左侧菜单中选择设备，该页面底部有一个选项可以添加自定义设备。

【讨论】：

【解决方案4】：

在我添加此答案时，保存屏幕分辨率似乎已被禁用。

我创建了一个预设 (1024x768)，虽然它仍然是可能的，但我仍然可以访问该预设，但它确实存在的地方不再有保存选项（如 @Chirag64 所述）。

我快速浏览了 chrome://flags 和我的 ~/Library/Application Support/Google/Chrome 目录，但找不到对我保存的首选项的引用...

【讨论】：