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

时间:2014-12-22 08:37:11

标签: google-chrome google-chrome-devtools

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

4 个答案:

答案 0 :(得分:5)

在最新版本中可以找到......

  1. 开发人员工具(CTRL + SHIFT / OPTION + CMD + I)
  2. 设置(F1)
  3. 设备
  4. 添加自定义设备...
  5. Device Mode & Mobile Emulation Chrome文档中指定。

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

答案 1 :(得分:3)

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

查看official DevTools documentation on this以获取更详细的步骤。

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

答案 2 :(得分:2)

如果您打开开发人员工具,请单击角落中的设置cog,然后从左侧菜单中选择设备,该页面底部有一个选项可添加自定义设备。

答案 3 :(得分:0)

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

我创建了一个预设(1024x768),但它仍然可以,我仍然可以访问该预设,但它不再是保存选项,它确实存在(如@ Chirag64所述)。

没有提及' save'在文档中:https://developer.chrome.com/devtools/docs/device-mode,或者:(

我快速浏览了chrome:// flags和我的〜/ Library / Application Support / Google / Chrome目录,但无法找到我保存的偏好的参考...