在chrome开发人员工具中保存自定义设备宽度和高度

Question

Chrome中的Chrome开发人员工具可以模拟某些设备尺寸,甚至可以为视口设置自定义宽度(x)和高度(y).我的问题是我们可以使用自定义名称保存此自定义宽度或高度,或者只保存它.

Answer 1

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

1. 开发人员工具(CTRL + SHIFT/OPTION + CMD + I)
2. 设置(F1)
3. 设备
4. 添加自定义设备...

如设备模式和移动仿真 Chrome文档中所述.

Chrome Canary现在可以在"设备模式"(CTRL + SHIFT/OPTION + CMD + M,当开发人员工具打开时)的"响应"下拉菜单中的"编辑..."下方便地找到它.

Answer 2

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

查看官方 DevTools 文档以获取更详细的步骤。

编辑：这似乎在新版本的 Chrome 中发生了变化。matharden 的答案包括正确的步骤：在开发工具内，转到Settings，Devices在左侧导航中选择并选择Add custom device...