Chrome 开发工具 - 有没有一种方法可以在不进行移动模拟的情况下测试响应式标尺?

问题描述 投票:0回答:2

我希望能够在开发工具中启用响应模式,以允许缩放视口宽度和高度,以便调试我的媒体查询,但不禁用鼠标滚动和悬停功能,即我只想调整视口,不需要其他模拟,这可能吗?

为了清晰起见进行更新:我希望能够查看标尺并自由调整宽度,就像设备设置为响应式但未启用移动触摸功能时一样。创建新设备并选择桌面时,您将失去此功能。

更新#2 - 看来我要求的内容无法完成,我已提交功能请求 - https://github.com/GoogleChrome/developer.chrome.com/issues/5360

responsive-design google-chrome-devtools
2个回答
1
投票

您可以针对您想要测试的各种维度添加标记为桌面而非移动设备的自定义设备。

Select


0
投票

您可以打开设备工具栏侧面的菜单并选择“添加设备类型”,然后工具栏中将有一个附加选项,可以在触摸或不触摸的情况下在移动设备和桌面之间进行切换。

DevTools 设备工具栏菜单

设备类型选项

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.