chrome inspector，远程调试在我的移动应用程序上不再正常工作

Question

我已经使用Cordova / Ionic构建了一个渐进式Web应用程序。三年来的大部分时间里，我一直在使用开发工具来对应用程序的内部问题进行故障排除和分析。但是，在过去的几周中，我认为自Chrome更新到v70 +以来，开发工具不再能够正确连接和/或管理在我的外部设备（几个不同的测试手机）上运行的应用。

我有4部Android测试手机，并且与每台设备连接时，开发工具都发生相同或几乎相同的问题。

  

  

1. 台式机键盘和鼠标不再起作用-我再也无法与手机上的应用进行交互了。同样，在一些   手机，我不能使用元素检查器（而在其他   工作）。但是无论手机如何，我都无法使用桌面鼠标   单击网络视图中的应用程序按钮。键盘不适用于任何   的设备之一。

  

2. 通常，如果打开了开发工具来查看应用程序，则即使应用程序中的本机按钮（直接在电话上）也无法使用。如果他们   完成工作后，您可以按一下按钮，然后在10到15秒之后   终于回应了。

  

3. 当打开开发工具并将其连接到设备应用程序时，应用程序的响应时间现在也非常慢。有时   该应用程序崩溃了，或者我收到消息说“应用程序没有响应，   等待还是关闭？”

  

4. 如果我从桌面断开了电话的连接，并且/或者没有在应用程序上运行开发工具，则该应用程序可以正常工作并且响应良好。东西   开发工具专用的所有这些问题都会引起。

  

出于测试目的，不同的手机具有运行的5.1、6.1.1和7.1版本。同样，直到几周前，开发工具都可以正常工作。我记得有很多小问题会影响开发工具中的性能和Web视图呈现，现在，以上所有这些都影响了我对应用程序进行故障排除和分析（开发）的能力。

My environment:

Cordova CLI: 8.0.0
cordova-android: 7.1.1
Gulp version:  CLI version 3.9.1
Gulp local:
Ionic Version: 1.3.4
Ionic CLI Version: 1.7.14
Ionic App Lib Version: 0.7.0
OS: Windows 7 SP1
Node Version: v6.10.3

Chrome: Version 70.0.3538.102 (Official Build) (64-bit)

我不确定，但是我认为所有这些问题都始于Chrome将自身更新到v70。+附带说明，我的应用使用了“ webview-plus”插件。...其较旧的插件可以启用某些检查功能和UI呈现。我删除了它以查看是否与开发工具冲突，但是所有相同的问题仍然存在。

Answer 1

我遇到了同样的问题，几个月前效果很好，但现在已经坏了。

作为一种解决方法，我尝试禁用截屏，重新启动应用程序，然后重新启动devtools，它确实有效！

希望这会有所帮助！

Answer 2

真正的问题是最新的android webview。所有元素选择和鼠标单击在最新的android webview中均不起作用。

因此，请从Google Play商店中卸载android webview。

下载60左右的旧版android webview版本

通过带有-r标志的adb安装

adb install -r "/path/to/apk/com.google.android.webview_60.0.3112.78.apk"

这是一种解决方法，直到在最新的Webview中修复该问题为止。