Chrome中的Chrome开发者工具可以模拟某些设备尺寸,甚至我们也可以为视口设置自定义宽度(x)和高度(y)。我的问题是我们可以使用自定义名称保存此自定义宽度或高度,或者只保存它。
答案 0 :(得分: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目录,但无法找到我保存的偏好的参考...