web-dev-qa-db-fra.com

Comment déboguer la visualisation Web à distance?

Comment puis-je déboguer/inspecter l'élément d'apk webview.
J'ai essayé ceci mais il n'est utile que pour chrome pas pour apk.

Veuillez me suggérer

androiddebuggingandroid-webviewinspect
21
Kundan Atre

Essaye ça:

  1. Activer les options de développeur dans l'appareil (Paramètres -> À propos du téléphone -> Appuyez 7 fois sur le numéro de version)
  2. Activer les options de développeur et activer le débogage USB (dans les options de développeur)

  3. Ajoutez cette ligne dans votre classe d'application personnalisée ou dans l'activité où la vue Web est chargée

    // si votre build est en mode débogage, activez l'inspection des vues Web

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

  4. Ouvrez Chrome et saisissez chrome://inspect/#devices et vous devriez voir votre appareil dans la liste des cibles distantes

  5. Cliquez sur inspecter pour le déboguer.

Bon codage ..

36
Shylendra Madda

C'est ce qui a fonctionné pour moi, remplacez la méthode onCreate dans MainActivity.Java Et ajoutez cette ligne dans la méthode WebView.setWebContentsDebuggingEnabled(true).

Voici à quoi ressemble mon code:

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);
    }
}

Créez votre code, ouvrez votre application dans le téléphone et accédez à chrome: // inspect, vous verriez votre application répertoriée là-bas. Cliquez sur le lien d'inspection.

2
Muthukrishnan

Si ce que vous recherchez est un moyen d'activer le débogage WebView pour une application dont vous n'avez pas le code source, cela peut être fait mais vous devrez décompiler et recompiler l'application.

Les instructions sur la façon de le faire peuvent être trouvées ici: https://blog.speedfox.co.uk/articles/1524219174-Android_WebView_Hackery

1
DanielM

J'ai vu qu'il y a un chapitre pour webView. Avez-vous essayé? https://developers.google.com/chrome-developer-tools/docs/remote-debugging#debugging-webviews

Semble avoir besoin:

  • Un appareil Android ou émulateur exécutant Android 4.4 ou version ultérieure, avec le débogage USB activé comme décrit dans 2. Activez le débogage USB sur votre appareil.

  • Chrome 30 ou version ultérieure.

1
clijiac

Dans react-native-webview, ils donnent une explication pour les deux IOS et Android.

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

M'a aidé sur IOS.

0
Vitor Hugo Bettani

Pour déboguer les vues Web dans l'application Android, vous devez définir WebView.setWebContentsDebuggingEnabled (true) dans WebviewActivity

Ouvrez chrome: // inspect/# device to debug. Utilisez la redirection de port. J'espère que cela t'aides! https://developers.google.com/web/tools/chrome-devtools/remote-debugging/webviews

0
bitsabhi