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

MBehtemam

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

Chirag Bhatia-chirag64

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

有关更多详细步骤,请查看官方DevTools文档

编辑:这似乎已在较新版本的Chrome中更改。matharden的答案包括正确的步骤:在devtools中,转到SettingsDevices在左侧导航中选择,然后选择Add custom device...

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

如何从Google Chrome浏览器的“开发人员工具”的“来源”标签中保存整个文件夹?

来自分类Dev

在开发人员工具中保存更改不起作用

来自分类Dev

chrome开发人员工具在哪里显示元素的实际计算宽度

来自分类Dev

Google Chrome开发人员工具已禁用

来自分类Dev

在chrome开发人员工具中调试插件

来自分类Dev

chrome 38屏幕尺寸开发人员工具

来自分类Dev

Atom IDE打开Chrome开发人员工具

来自分类Dev

Chrome开发人员工具中的HTTP请求

来自分类Dev

chrome 38屏幕尺寸开发人员工具

来自分类Dev

让React开发人员工具在Chrome中运行

来自分类Dev

Google Chrome Web开发人员工具

来自分类Dev

比较Performance API和chrome开发人员工具的时序结果时的差异

来自分类Dev

子树和属性断点 Chrome 开发人员工具未捕获转换

来自分类Dev

在Chrome开发人员工具中调整窗口大小时是否显示视口宽度?

来自分类Dev

如何在Chrome开发人员工具的CPU配置文件中加载保存的.cpuprofile文件?

来自分类Dev

保存来自Chrome(或其他浏览器)开发人员工具的所有XHR请求

来自分类Dev

每个开发人员的自定义文件路径

来自分类Dev

WordPress开发人员自定义背景选项

来自分类Dev

有没有办法在Chrome开发人员工具中显示所有已定义的className?

来自分类Dev

如何在Firefox开发人员工具的“网络”标签中更改列的宽度

来自分类Dev

使用Eclipse和Chrome开发人员工具调试AngularJS Protractor E2E测试文件

来自分类Dev

Chrome开发人员工具放大镜已从Chrome 32中消失

来自分类Dev

Azure API Management开发人员门户-自定义菜单和报告

来自分类Dev

通过浏览器(铬)的“网络开发人员工具”从instagram保存图像

来自分类Dev

在Chrome或Firefox开发人员工具中复选框已选中的属性不变

来自分类Dev

如何在Chrome开发人员工具中“添加观看”?

来自分类Dev

调试Chrome扩展程序时最小化开发人员工具窗口

来自分类Dev

Chrome开发人员工具中的console.log对象/功能属性

来自分类Dev

Chrome开发人员工具自更新32.0.1700.76 m起无响应

Related 相关文章

  1. 1

    如何从Google Chrome浏览器的“开发人员工具”的“来源”标签中保存整个文件夹?

  2. 2

    在开发人员工具中保存更改不起作用

  3. 3

    chrome开发人员工具在哪里显示元素的实际计算宽度

  4. 4

    Google Chrome开发人员工具已禁用

  5. 5

    在chrome开发人员工具中调试插件

  6. 6

    chrome 38屏幕尺寸开发人员工具

  7. 7

    Atom IDE打开Chrome开发人员工具

  8. 8

    Chrome开发人员工具中的HTTP请求

  9. 9

    chrome 38屏幕尺寸开发人员工具

  10. 10

    让React开发人员工具在Chrome中运行

  11. 11

    Google Chrome Web开发人员工具

  12. 12

    比较Performance API和chrome开发人员工具的时序结果时的差异

  13. 13

    子树和属性断点 Chrome 开发人员工具未捕获转换

  14. 14

    在Chrome开发人员工具中调整窗口大小时是否显示视口宽度?

  15. 15

    如何在Chrome开发人员工具的CPU配置文件中加载保存的.cpuprofile文件?

  16. 16

    保存来自Chrome(或其他浏览器)开发人员工具的所有XHR请求

  17. 17

    每个开发人员的自定义文件路径

  18. 18

    WordPress开发人员自定义背景选项

  19. 19

    有没有办法在Chrome开发人员工具中显示所有已定义的className?

  20. 20

    如何在Firefox开发人员工具的“网络”标签中更改列的宽度

  21. 21

    使用Eclipse和Chrome开发人员工具调试AngularJS Protractor E2E测试文件

  22. 22

    Chrome开发人员工具放大镜已从Chrome 32中消失

  23. 23

    Azure API Management开发人员门户-自定义菜单和报告

  24. 24

    通过浏览器(铬)的“网络开发人员工具”从instagram保存图像

  25. 25

    在Chrome或Firefox开发人员工具中复选框已选中的属性不变

  26. 26

    如何在Chrome开发人员工具中“添加观看”?

  27. 27

    调试Chrome扩展程序时最小化开发人员工具窗口

  28. 28

    Chrome开发人员工具中的console.log对象/功能属性

  29. 29

    Chrome开发人员工具自更新32.0.1700.76 m起无响应

热门标签

归档