使用 Chrome 在 Android 上的远程调试上调整屏幕大小或滚动屏幕答案

【问题标题】：Resize or Scroll the screen on Remote Debugging on Android with Chrome使用 Chrome 在 Android 上的远程调试上调整屏幕大小或滚动屏幕
【发布时间】：2016-10-06 22:54:34
【问题描述】：

我正在尝试在 chrome 上使用远程调试 Android 设备。但我无法在 Chrome(PC) 上将我的手机屏幕调整为 100% 或任何尺寸。

在手机上看起来像

但在 Chrome (PC) 上看起来像

现在的问题是：我无法在 Chrome (PC) 上调整移动屏幕的大小，也无法滚动到底部（只有在移动设备上可以滚动时，我才能滚动）

我尝试放大/缩小，但它不起作用。但是我可以通过调整窗口大小看到剩余部分，但在全尺寸窗口上看不到。

我在 Windows 10 Pro（64 位）上使用 Chrome 版本 50.0.2661.102 m，在 Moto G（第一代）上使用 Android 5.1

更新：现在我已将 chrome 更新到 版本 51.0.2704.84 m但还是同样的问题

【问题讨论】：

当网站在 chrome 上启动时，开发者工具会显示这样的 UI。调整大小也应该使用垂直分隔线和滚动。您可能想重新启动系统/重新安装 chrome。
@jitinsharma 是的，我确实重新安装了，但问题还是一样
使用 Chrome 54 和完全相同的问题。看起来只显示屏幕的上半部分。在拆分器上调整 DevTools 的大小对显示没有影响，事实上，如果您将元素窗格调整得足够大，那么元素窗格将覆盖手机屏幕，然后手机屏幕大小永远不会改变。
在 Mac 上的双屏设置中将窗口切换到另一个显示器几次使应用程序窗口适合预览窗格... ????

标签： android google-chrome google-chrome-devtools

【解决方案1】：

按ctrl++几次它会自动调整大小，我偶然发现了这个解决方案:)

【讨论】：

【解决方案2】：

看起来你发现了一个错误。请在Chromium Issue Tracker 上提出问题，以便团队对问题进行分类并解决。

【讨论】：

【解决方案3】：

我在使用 Crosswalk 调试 Ionic 时遇到了同样的问题，但我能够通过按 Ctrl 并向下滚动来解决该问题。

不幸的是，这会改变文本的大小，但至少您可以看到整个移动屏幕。

【讨论】：

是的，你正在缩小，而不是原始问题的解决方案。

【解决方案4】：

我会尽量以最好的方式回答。

当您在桌面屏幕中调整 Chrome 的大小时，请尝试从远程设备和元素部分之间的分隔屏幕调整屏幕大小。如果需要，也可以使用 Chrome 顶部的调整大小。

您会在 Google 网站登陆屏幕中发现滚动问题（与您的情况一样）。

尝试另一个网站并检查。

远程调试要求您的桌面版 Chrome 版本高于您设备上的 Android 版 Chrome 版本。尝试在桌面上使用 Chrome Canary (Mac/Windows) 或 Chrome 开发通道版本 (Linux)。

有关技术问题，请参见此处。 Android Remote Debugging Troubleshooting

以下是我对两个标签的观察：

我在 Android 设备的 Chrome 中打开了两个不同的标签页。

现在左侧已在选项卡 1 中打开了活动的 Google，而右侧未激活的 StackOverFlow 在选项卡 2 中。

在下面的屏幕中，左侧在选项卡 1 中打开了非活动 Google，而右侧 StackOverFlow 在选项卡 2 中打开。

滚动 StackOverFlow 屏幕后

各个屏幕如下所示：

如果有任何问题，请告诉我。我在 Moto E 上使用 Android 5.1

【讨论】：