Wie debuggt man Webview aus der Ferne?

Wie kann ich das Element von apk webview debuggen/inspizieren?
Ich habe versucht Dies aber es ist nur für chrome hilfreich, nicht für apk.

Bitte schlagen Sie mich vor

Versuche dies:

1. Entwickleroptionen im Gerät aktivieren (Einstellungen -> Über das Telefon -> 7 Mal auf die Build-Nummer tippen)

2. Aktivieren Sie die Entwickleroptionen und aktivieren Sie das USB-Debugging (in den Entwickleroptionen).

3. Fügen Sie diese Zeile in Ihrer benutzerdefinierten Anwendungsklasse oder in der Aktivität hinzu, in der die Webansicht geladen wird

   // Wenn sich Ihr Build im Debug-Modus befindet, aktivieren Sie die Überprüfung von Webansichten

    if (0 != (getApplicationInfo().flags & ApplicationInfo.FLAG_DEBUGGABLE)) {
        WebView.setWebContentsDebuggingEnabled(true);
    }
   

4. Öffnen Sie Chrome und geben Sie ein chrome://inspect/#devices und Sie sollten Ihr Gerät in der Remote Target List sehen

5. Klicken Sie auf Inspizieren, um es zu debuggen.

Aktualisieren:
Sie können es wie folgt vereinfachen:

WebView.setWebContentsDebuggingEnabled(BuildConfig.DEBUG)

Das hat bei mir funktioniert, die Methode überschreiben onCreate in MainActivity.java und fügen Sie diese Zeile in die Methode ein WebView.setWebContentsDebuggingEnabled(true).

So sieht mein Code aus:

package com.myapp;

import com.facebook.react.ReactActivity;
import android.webkit.WebView;

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() {
        super.onCreate();
        //added this line with necessary imports at the top.
        WebView.setWebContentsDebuggingEnabled(true);
    }
}

Erstellen Sie Ihren Code, öffnen Sie Ihre App im Telefon und gehen Sie zu chrome://inspect . Sie würden Ihre App dort aufgelistet sehen. Klicken Sie auf den Link „Inspizieren“.

Wenn Sie nach einer Möglichkeit suchen, das WebView-Debugging für eine App zu aktivieren, die Sie verwenden nicht den Quellcode haben, dies ist möglich, aber Sie müssen die App dekompilieren und neu kompilieren.

Die Anleitung dazu finden Sie hier: https://blog.speedfox.co.uk/articles/1524219174-Android_WebView_Hackery

Um Webviews in der Android-App zu debuggen, müssen Sie WebView.setWebContentsDebuggingEnabled(true) in der WebviewActivity setzen

Öffnen Sie chrome://inspect/#device zum Debuggen. Portweiterleitung verwenden.
https://developers.google.com/web/tools/chrome-devtools/remote-debugging/webviews

Ich habe gesehen, dass es ein Kapitel für webView gibt. Haben Sie es ausprobiert? https://developers.google.com/chrome-developer-tools/docs/remote-debugging#debugging-webviews

Scheint es zu brauchen:

• Ein Android-Gerät oder -Emulator mit Android 4.4 oder höher und aktiviertem USB-Debugging, wie unter 2. USB-Debugging auf Ihrem Gerät aktivieren beschrieben.

• Chrome 30 oder höher.

In React-Native-Webview geben sie eine Erklärung für IOS und Android.

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

Hat mir bei iOS geholfen.