web-dev-qa-db-ja.com

chromeインスペクタ、モバイルアプリでリモートデバッグが正しく機能しなくなった

Cordova/Ionicを使用してプログレッシブWebアプリを構築しました。私は、開発ツールを使用して、アプリの内部の仕組みのトラブルシューティングと分析を3年前半に渡って行ってきました。ただし、ここ数週間、Chromeがv70 +に更新されたため、外部ツール（複数の異なるテスト用電話）で実行されているアプリにdev-toolsが適切に接続および/または管理できなくなったため）。

私は4 Androidテスト用電話を持っています。各デバイスに接続すると、同じまたはほぼ同じ問題がdev-toolsで発生します。

  1. デスクトップのキーボードとマウスが機能しなくなりました-電話でアプリを操作するのにもう使用できません。また、一部の電話では、要素インスペクターを使用できません（他の電話では機能します）。しかし、電話に関係なく、デスクトップマウスを使用してWebビューのアプリボタンをクリックすることはできません。キーボードはどのデバイスでも機能しません。

  2. 多くの場合、アプリを表示するために開発ツールが開かれていると、アプリのネイティブボタン（電話で直接）でも機能しません。それらが機能する場合は、ボタンを押すと、10〜15秒後にアプリが最終的に応答します。

  3. Dev-toolsを開いてデバイスアプリに接続すると、アプリの応答時間も非常に遅くなります。ときどきアプリがクラッシュするか、「アプリが応答しない、待つ、または閉じる？」というメッセージが表示されます。

  4. 電話をデスクトップから切断したり、アプリでdev-toolsを実行しなかったりすると、アプリは機能し、問題なく応答します。 dev-toolsに固有の何かがこれらすべての問題を引き起こしています。

さまざまな電話のバージョン5.1、6.1.1、および7.1がテスト目的で実行されています。繰り返しになりますが、dev-toolsは数週間前まで問題なく動作しました。私は、dev-toolsのパフォーマンスと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レンダリングを可能にする古いプラグインです。開発ツールと競合していないかどうかを確認するために削除しましたが、同じ問題が引き続き解決しませんでした。

androidcordovaionic-frameworkandroid-webviewgoogle-chrome-devtools
9
rolinger

同じ問題があります。数か月前は問題なく動作しましたが、現在は壊れています。

回避策として、スクリーンキャストを無効にし、アプリを再起動してからdevtoolsを再起動しようとしましたが、うまくいきました！

toggle screencast

お役に立てれば！

3
moppag

実際の問題は、最新のAndroid webviewです。最新のAndroid webview。

したがって、Android WebviewをGoogle Playストアからアンインストールします。

古いバージョンをダウンロードAndroid webviewバージョン約60

-rフラグを付けてadbからインストールします

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

これは、最新のWebビューで修正されるまでの回避策です。

2
Cadis