web-dev-qa-db-ja.com

リモートでwebviewをデバッグする方法は?

どのようにしてapk webviewの要素をデバッグ/検査できますか?.
私は this を試しましたが、それはchrome apkに対してのみ)役に立ちます。

提案してください

21
Kundan Atre

これを試して:

  1. デバイスで開発者向けオプションを有効にする(設定->電話について->ビルド番号を7回タップ)
  2. 開発者向けオプションをオンにし、USBデバッグを有効にする(開発者向けオプション)
  3. この行をカスタムアプリケーションクラスまたはWebビューが読み込まれるアクティビティに追加します。

    //ビルドがデバッグモードの場合、Webビューの検査を有効にします

    if (0 != (getApplicationInfo().flags & ApplicationInfo.FLAG_DEBUGGABLE)) {
        WebView.setWebContentsDebuggingEnabled(true);
    }
    
  4. 開くChromeと入力してchrome://inspect/#devicesすると、デバイスがリモートターゲットリストに表示されます。

  5. 検査をクリックしてデバッグします。

ハッピーコーディング...

36
Shylendra Madda

これは私にとってうまくいきました、_MainActivity.Java_のメソッドonCreateをオーバーライドし、メソッドWebView.setWebContentsDebuggingEnabled(true)にこの行を追加します。

私のコードは次のようになります:

_package com.myapp;

import com.facebook.react.ReactActivity;
import Android.webkit.WebView;
import Android.os.Bundle;

public class MainActivity extends ReactActivity {

    /**
     * Returns the name of the main component registered from JavaScript.
     * This is used to schedule rendering of the component.
     */
    @Override
    protected String getMainComponentName() {
        return "myapp";
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //added this line with necessary imports at the top.
        WebView.setWebContentsDebuggingEnabled(true);
    }
}
_

コードをビルドし、電話でアプリを開いてchrome:// inspectにアクセスすると、アプリがそこに一覧表示されます。検査リンクをクリックします。

2
Muthukrishnan

あなたが探しているものがあなたがソースコードを持っていないアプリのWebViewデバッグをオンにする方法である場合、これは行うことができますただし、アプリを逆コンパイルして再コンパイルする必要があります。

これを行う方法の説明は、彼がここで見つけることができます: https://blog.speedfox.co.uk/articles/1524219174-Android_WebView_Hackery

1
DanielM

WebViewの章があることを確認しました。試してみましたか? https://developers.google.com/chrome-developer-tools/docs/remote-debugging#debugging-webviews

それが必要と思われる:

  • Android実行中のデバイスまたはエミュレータAndroid 4.4以降、「2.デバイスでUSBデバッグを有効にする」で説明されているようにUSBデバッグが有効になっている。

  • Chrome 30以降。

1
clijiac

React-native-webviewでは、IOSとAndroidの両方について説明します。

https://github.com/react-native-community/react-native-webview/blob/master/docs/Debugging.md

IOSで私を助けました。

0

AndroidアプリでWebviewをデバッグするには、WebViewActivityでWebView.setWebContentsDebuggingEnabled(true)を設定する必要があります

デバッグするchrome:// inspect /#deviceを開きます。ポート転送を使用します。お役に立てれば! https://developers.google.com/web/tools/chrome-devtools/remote-debugging/webviews

0
bitsabhi