用chrome devtools检查移动网页会导致黑屏

Question

通过最新版本的Chrome桌面浏览器中的USB连接调试在Android上运行Chrome(Galaxy S8)的网页无法正常工作.试图检查在移动设备上运行的网页会导致 空白页面.

当我检查桌面Chrome浏览器中显示的空白页时,出现以下错误:

Uncaught TypeError: InspectorFrontendHost.isUnderTest is not a function
    at Object.Host.isUnderTest (inspector.js:930)
    at Main.Main._gotPreferences (inspector.js:8301)
    at DevToolsAPIImpl.embedderMessageAck (devtools_compatibility.js:33)
    at <anonymous>:1:13

Answer 1

这里同样的问题。但我找到了解决我的问题的方法。在尝试我要在这里介绍的解决方案之前，请尝试重新启动 chrome 桌面和 Android，然后重新启动手机。禁用 about://flags 上的一些实验标志，因为我对其中一些标志表示怀疑。但这些步骤都没有解决。

然后我看到 Android 上的 Chrome 是 v65，我的桌面是 v64。

所以：

1. 使用dpkg -r google-chrome-stable删除了 Chrome 版本 64.0.3282.186-1
2. 从https://www.google.com/chrome/下载最新版本
3. ..并使用dpkg -i google-chrome-stable_current_amd64.deb安装 Chrome 版本 65.0.3325.181-1

前：

# dpkg -l | grep chrome
ii  google-chrome-stable                        64.0.3282.186-1                                     amd64        The web browser from Google

后：

# dpkg -l | grep chrome
ii  google-chrome-stable                        65.0.3325.181-1                                     amd64        The web browser from Google

问题解决了！现在它可以很好地检查 Android 选项卡了！