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

Question

6

看起来当检查远程实例时，通常在任何普通的 DevTools 实例中显示的设备工具栏都会消失。

设备工具栏

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

以下是如何重现此问题：

start a new headless instance, e.g., with:

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

using another Chrome instance navigate to chrome://inspect and inspect the remote tab.
as you can see there is no device toolbar.

devtools

我尝试发送了一些Chrome DevTools Protocol命令，例如:

但是没有效果，出现了一些错误行为...我怀疑这与DevTools前端有关，而不是检查的Chrome实例。

您有任何想法可以解决这个问题吗？我的最终目标是使用“桌面”设备类型手动与远程无头实例进行交互。

- cYrus

2

我复制了这个问题。看起来远程调试是为移动设备设计的（在本地不可用开发工具）。它应该也适用于无头模式，但是对于我来说，远程开发工具甚至不想为无头模式打开。对于非无头模式，它可以打开。 - Juraj

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Matthew M. · Accepted Answer

1

如果我理解你的意思正确的话，你想要使用桌面设备手动与远程实例进行交互。你只需在开发工具窗口左上角点击设备图标以关闭移动设备模式。

- Matthew M.

1

正如您从第二个截图中所看到的，没有工具栏可以这样做。 - cYrus

1

单击该图标只会关闭页面预览。 - cYrus

我认为这个答案可能是正确的。如果你的Chrome浏览器没有正常工作，尝试安装“Chromium浏览器”，并告诉我们是否有相同的问题。 - djangofan

1

你尝试过原帖中的情景吗？ - cYrus

你尝试使用过Chrome Canary或者Chromium吗？这似乎是Mac上标准Chrome浏览器的一个限制。 - Matthew M.

2

我在Windows上复制了这个问题。看起来你不理解这个问题。 - Juraj