chrome inspector，远程调试在我的移动应用程序上不再正常工作 [英] chrome inspector, remote debugging no longer works properly on my mobile app

问题描述

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

I have built a progressive web app using Cordova/Ionic. I have been using dev-tools to troubleshoot and analyze my apps inner workings for the better part of 3 years now. In the last few weeks however, i think since Chrome updated to v70+, dev-tools can no longer properly connect and/or manage the app running on my external device (several different test phones).

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

I have 4 Android test phones, and the same or almost the same issues are happening with dev-tools when connected to each device.

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

1. desktop keyboard and mouse do not work anymore - I can't use either to interact with the app on the phone anymore. As well, on some phones I can't use the element inspector (while on others that does work). But regardless of phone, I can't use the desktop mouse to click on app buttons in the web-view. Keyboard does not work on any of the devices either.

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

Often, even the native buttons in the app (directly on the phone) won't work if dev-tools has been opened to look at the app. If they do work, you press the button and like 10-15 seconds later the app finally responds.

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

When dev-tools is opened and connected to the device app, the response time of the apps is now extremely slow as well. Sometimes the app just crashes or I get messages saying "app not responding, wait or close?"

如果我从桌面上断开了手机的连接，并且/或者没有在应用程序上运行开发工具，则该应用程序可以正常工作并且响应良好.某物 专门针对开发工具的问题会导致所有这些问题.

If I disconnect the phones from the desktop, and/or don't run dev-tools on the app, the app works and responds just fine. Something specific to dev-tools is causing all these problems.

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

The different phones have versions 5.1, 6.1.1 and 7.1 running on them for testing purposes. Again, dev-tools worked just fine until a few weeks ago. I recall various small issues impacting performance and web-view rendering in dev-tools, and now all of the above is impacting my ability to troubleshoot and analyze my app (developing).

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呈现.我删除了它以查看是否与开发工具冲突，但是所有相同的问题仍然存在.

I can't be certain, but I think all these issues began with Chrome updated itself to v70.+ On a side note, my app uses the "webview-plus" plugin....its an older plugin that enables certain inspection features and UI rendering. I removed it to see if maybe it was conflicting with dev-tools, but all the same problems still persisted.

推荐答案

我遇到了同样的问题，几个月前它工作正常，但现在已经坏了.

I have the same issue, it worked fine some months ago, but it is now broken.

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

As a workaround, I tried to disable screencast, restart the app and then restart devtools and it worked!

希望这会有所帮助！

这篇关于chrome inspector，远程调试在我的移动应用程序上不再正常工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！