使用 Chrome DevTools 检查远程目标时如何设置设备类型(非移动设备)?

cYr*_*rus 6 google-chrome google-chrome-devtools chrome-remote-debugging

因此,在检查远程实例时,任何常规DevTools 实例中通常存在的设​​备工具栏似乎都丢失了。

设备工具栏

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

重现此内容的方法如下:

  1. 启动一个新的无头实例,例如:

    /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222 --headless https://example.com
    
    Run Code Online (Sandbox Code Playgroud)
  2. 使用另一个 Chrome 实例导航到chrome://inspect并检查远程选项卡。

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

开发工具

我还尝试发送一些Chrome DevTools 协议命令,例如:

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

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

cYr*_*rus 0

不确定从什么时候开始,但在版本 121.0.6167.139 中出现了一个新的开关。

触摸与鼠标切换