使用 Chrome DevTools 检查远程目标时如何设置设备类型（非移动设备）？

Question

因此，在检查远程实例时，设备工具栏通常会出现在任何常规 DevTools 实例中。

在这种情况下，设备类型设置为“移动”，鼠标指针设置为圆圈，以表明这一点。

以下是重现此问题的方法：

1. 启动一个新的无头实例，例如：

   /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222 --headless https://example.com
   

2. 使用另一个 Chrome 实例导航到

   chrome://inspect

   并检查远程选项卡。

3. 如您所见，没有设备工具栏。

我还尝试发送一些 Chrome DevTools Protocol 命令，例如：

• Emulation.setTouchEmulationEnabled

• Emulation.setEmitTouchEventsForMouse

• Emulation.setDeviceMetricsOverride

但无济于事，发生了一些事情，但行为看起来被破坏了...我怀疑这是与 DevTools 前端有关的问题，而不是与检查的 Chrome 实例有关。

您知道我该如何解决这个问题吗？我的最终目标是使用 desktop 设备类型与远程无头实例手动交互。

Answer 1

如果我理解正确的话，您想使用桌面设备与远程实例进行手动交互。您应该只需单击开发工具窗口左上角的设备图标即可关闭移动设备。

Answer 2

不知道从什么时候开始，但在版本 121.0.6167.139 中出现了一个新的开关。